#CFE2D4 - #E3FBFF | 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 #CFE2D4 to #E3FBFF

#CFE2D4 #E3FBFF

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

#CFE2D4 - #E3FBFF | 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 #CFE2D4 as 0% and #E3FBFF as 100%.

0.0%	0.0% #CFE2D4	RGB 207 226 212	#CFE2D4
16.7%	16.7% #D2E6DB	RGB 210 230 219	#D2E6DB
33.3%	33.3% #D5EAE2	RGB 213 234 226	#D5EAE2
50.0%	50.0% #D9EEE9	RGB 217 238 233	#D9EEE9
66.7%	66.7% #DCF2F0	RGB 220 242 240	#DCF2F0
83.3%	83.3% #DFF6F7	RGB 223 246 247	#DFF6F7
100.0%	100.0% #E3FBFF	RGB 227 251 255	#E3FBFF

#CFE2D4 #D2E6DB #D5EAE2 #D9EEE9 #DCF2F0 #DFF6F7 #E3FBFF

#CFE2D4 - #E3FBFF

HSV Blend

#CFE2D4 - #E3FBFF | 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 #CFE2D4 as 0% and #E3FBFF as 100%.

0.0%	0.0% #CFE2D4	RGB 207 226 212	#CFE2D4
16.7%	16.7% #D2E6DA	RGB 210 230 218	#D2E6DA
33.3%	33.3% #D5EBE1	RGB 213 235 225	#D5EBE1
50.0%	50.0% #D9F0E9	RGB 217 240 233	#D9F0E9
66.7%	66.7% #DCF5F1	RGB 220 245 241	#DCF5F1
83.3%	83.3% #DFFAFA	RGB 223 250 250	#DFFAFA
100.0%	100.0% #E3FBFF	RGB 227 251 255	#E3FBFF

#CFE2D4 #D2E6DA #D5EBE1 #D9F0E9 #DCF5F1 #DFFAFA #E3FBFF

#CFE2D4 - #D9F0E9 - #E3FBFF

CSS codes

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

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