#C5ECD7 - #DAE7D3 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C5ECD7 to #DAE7D3

#C5ECD7 #DAE7D3

Calculate the color between two colors, #C5ECD7 and #DAE7D3. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C5ECD7 - #DAE7D3 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C5ECD7 as 0% and #DAE7D3 as 100%.

0.0%	0.0% #C5ECD7	RGB 197 236 215	#C5ECD7
16.7%	16.7% #C8EBD6	RGB 200 235 214	#C8EBD6
33.3%	33.3% #CCEAD5	RGB 204 234 213	#CCEAD5
50.0%	50.0% #CFE9D5	RGB 207 233 213	#CFE9D5
66.7%	66.7% #D3E8D4	RGB 211 232 212	#D3E8D4
83.3%	83.3% #D6E7D3	RGB 214 231 211	#D6E7D3
100.0%	100.0% #DAE7D3	RGB 218 231 211	#DAE7D3

#C5ECD7 #C8EBD6 #CCEAD5 #CFE9D5 #D3E8D4 #D6E7D3 #DAE7D3

#C5ECD7 - #DAE7D3

HSV Blend

#C5ECD7 - #DAE7D3 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C5ECD7 as 0% and #DAE7D3 as 100%.

0.0%	0.0% #C5ECD7	RGB 197 236 215	#C5ECD7
16.7%	16.7% #C7EBD3	RGB 199 235 211	#C7EBD3
33.3%	33.3% #C9EACF	RGB 201 234 207	#C9EACF
50.0%	50.0% #CCE9CD	RGB 204 233 205	#CCE9CD
66.7%	66.7% #D0E8CE	RGB 208 232 206	#D0E8CE
83.3%	83.3% #D5E7D0	RGB 213 231 208	#D5E7D0
100.0%	100.0% #DAE7D3	RGB 218 231 211	#DAE7D3

#C5ECD7 #C7EBD3 #C9EACF #CCE9CD #D0E8CE #D5E7D0 #DAE7D3

#C5ECD7 - #CCE9CD - #DAE7D3

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C5ECD7 0%, #DAE7D3 100%);
    background: -webkit-linear-gradient(top, #C5ECD7 0%, #DAE7D3 100%);
    background: linear-gradient(to bottom, #C5ECD7 0%, #DAE7D3 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5ECD7 0%, #CCE9CD 50%, #DAE7D3 100%);
    background: -webkit-linear-gradient(top, #C5ECD7 0%, #CCE9CD 50%, #DAE7D3 100%);
    background: linear-gradient(to bottom, #C5ECD7 0%, #CCE9CD 50%, #DAE7D3 100%);
}
</style>