#C5E4DD - #EFE9EA | 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 #C5E4DD to #EFE9EA

#C5E4DD #EFE9EA

Calculate the color between two colors, #C5E4DD and #EFE9EA. 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)

#C5E4DD - #EFE9EA | 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 #C5E4DD as 0% and #EFE9EA as 100%.

0.0%	0.0% #C5E4DD	RGB 197 228 221	#C5E4DD
16.7%	16.7% #CCE4DF	RGB 204 228 223	#CCE4DF
33.3%	33.3% #D3E5E1	RGB 211 229 225	#D3E5E1
50.0%	50.0% #DAE6E3	RGB 218 230 227	#DAE6E3
66.7%	66.7% #E1E7E5	RGB 225 231 229	#E1E7E5
83.3%	83.3% #E8E8E7	RGB 232 232 231	#E8E8E7
100.0%	100.0% #EFE9EA	RGB 239 233 234	#EFE9EA

#C5E4DD #CCE4DF #D3E5E1 #DAE6E3 #E1E7E5 #E8E8E7 #EFE9EA

#C5E4DD - #EFE9EA

HSV Blend

#C5E4DD - #EFE9EA | 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 #C5E4DD as 0% and #EFE9EA as 100%.

0.0%	0.0% #C5E4DD	RGB 197 228 221	#C5E4DD
16.7%	16.7% #CAE5D2	RGB 202 229 210	#CAE5D2
33.3%	33.3% #D5E7D0	RGB 213 231 208	#D5E7D0
50.0%	50.0% #E3E9D6	RGB 227 233 214	#E3E9D6
66.7%	66.7% #EBE8DC	RGB 235 232 220	#EBE8DC
83.3%	83.3% #EDE6E2	RGB 237 230 226	#EDE6E2
100.0%	100.0% #EFE9EA	RGB 239 233 234	#EFE9EA

#C5E4DD #CAE5D2 #D5E7D0 #E3E9D6 #EBE8DC #EDE6E2 #EFE9EA

#C5E4DD - #E3E9D6 - #EFE9EA

CSS codes

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

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