#CAF0FF - #D1ECD5 | 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 #CAF0FF to #D1ECD5

#CAF0FF #D1ECD5

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

#CAF0FF - #D1ECD5 | 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 #CAF0FF as 0% and #D1ECD5 as 100%.

0.0%	0.0% #CAF0FF	RGB 202 240 255	#CAF0FF
16.7%	16.7% #CBEFF8	RGB 203 239 248	#CBEFF8
33.3%	33.3% #CCEEF1	RGB 204 238 241	#CCEEF1
50.0%	50.0% #CDEEEA	RGB 205 238 234	#CDEEEA
66.7%	66.7% #CEEDE3	RGB 206 237 227	#CEEDE3
83.3%	83.3% #CFECDC	RGB 207 236 220	#CFECDC
100.0%	100.0% #D1ECD5	RGB 209 236 213	#D1ECD5

#CAF0FF #CBEFF8 #CCEEF1 #CDEEEA #CEEDE3 #CFECDC #D1ECD5

#CAF0FF - #D1ECD5

HSV Blend

#CAF0FF - #D1ECD5 | 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 #CAF0FF as 0% and #D1ECD5 as 100%.

0.0%	0.0% #CAF0FF	RGB 202 240 255	#CAF0FF
16.7%	16.7% #CBF7FB	RGB 203 247 251	#CBF7FB
33.3%	33.3% #CCF8F4	RGB 204 248 244	#CCF8F4
50.0%	50.0% #CDF5EA	RGB 205 245 234	#CDF5EA
66.7%	66.7% #CFF2E1	RGB 207 242 225	#CFF2E1
83.3%	83.3% #D0EFDA	RGB 208 239 218	#D0EFDA
100.0%	100.0% #D1ECD5	RGB 209 236 213	#D1ECD5

#CAF0FF #CBF7FB #CCF8F4 #CDF5EA #CFF2E1 #D0EFDA #D1ECD5

#CAF0FF - #CDF5EA - #D1ECD5

CSS codes

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

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