#C4D9D4 - #EACFFF | 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 #C4D9D4 to #EACFFF

#C4D9D4 #EACFFF

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

#C4D9D4 - #EACFFF | 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 #C4D9D4 as 0% and #EACFFF as 100%.

0.0%	0.0% #C4D9D4	RGB 196 217 212	#C4D9D4
16.7%	16.7% #CAD7DB	RGB 202 215 219	#CAD7DB
33.3%	33.3% #D0D5E2	RGB 208 213 226	#D0D5E2
50.0%	50.0% #D7D4E9	RGB 215 212 233	#D7D4E9
66.7%	66.7% #DDD2F0	RGB 221 210 240	#DDD2F0
83.3%	83.3% #E3D0F7	RGB 227 208 247	#E3D0F7
100.0%	100.0% #EACFFF	RGB 234 207 255	#EACFFF

#C4D9D4 #CAD7DB #D0D5E2 #D7D4E9 #DDD2F0 #E3D0F7 #EACFFF

#C4D9D4 - #EACFFF

HSV Blend

#C4D9D4 - #EACFFF | 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 #C4D9D4 as 0% and #EACFFF as 100%.

0.0%	0.0% #C4D9D4	RGB 196 217 212	#C4D9D4
16.7%	16.7% #C6DDDF	RGB 198 221 223	#C6DDDF
33.3%	33.3% #C8DBE5	RGB 200 219 229	#C8DBE5
50.0%	50.0% #CAD5EC	RGB 202 213 236	#CAD5EC
66.7%	66.7% #CCCDF2	RGB 204 205 242	#CCCDF2
83.3%	83.3% #D8CDF8	RGB 216 205 248	#D8CDF8
100.0%	100.0% #EACFFF	RGB 234 207 255	#EACFFF

#C4D9D4 #C6DDDF #C8DBE5 #CAD5EC #CCCDF2 #D8CDF8 #EACFFF

#C4D9D4 - #CAD5EC - #EACFFF

CSS codes

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

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