#CADED4 - #E6F0FF | 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 #CADED4 to #E6F0FF

#CADED4 #E6F0FF

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

#CADED4 - #E6F0FF | 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 #CADED4 as 0% and #E6F0FF as 100%.

0.0%	0.0% #CADED4	RGB 202 222 212	#CADED4
16.7%	16.7% #CEE1DB	RGB 206 225 219	#CEE1DB
33.3%	33.3% #D3E4E2	RGB 211 228 226	#D3E4E2
50.0%	50.0% #D8E7E9	RGB 216 231 233	#D8E7E9
66.7%	66.7% #DCEAF0	RGB 220 234 240	#DCEAF0
83.3%	83.3% #E1EDF7	RGB 225 237 247	#E1EDF7
100.0%	100.0% #E6F0FF	RGB 230 240 255	#E6F0FF

#CADED4 #CEE1DB #D3E4E2 #D8E7E9 #DCEAF0 #E1EDF7 #E6F0FF

#CADED4 - #E6F0FF

HSV Blend

#CADED4 - #E6F0FF | 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 #CADED4 as 0% and #E6F0FF as 100%.

0.0%	0.0% #CADED4	RGB 202 222 212	#CADED4
16.7%	16.7% #CEE3DC	RGB 206 227 220	#CEE3DC
33.3%	33.3% #D3E9E6	RGB 211 233 230	#D3E9E6
50.0%	50.0% #D8EDEE	RGB 216 237 238	#D8EDEE
66.7%	66.7% #DCEEF4	RGB 220 238 244	#DCEEF4
83.3%	83.3% #E1EFF9	RGB 225 239 249	#E1EFF9
100.0%	100.0% #E6F0FF	RGB 230 240 255	#E6F0FF

#CADED4 #CEE3DC #D3E9E6 #D8EDEE #DCEEF4 #E1EFF9 #E6F0FF

#CADED4 - #D8EDEE - #E6F0FF

CSS codes

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

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