#CFCDD6 - #FFEED2 | 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 #CFCDD6 to #FFEED2

#CFCDD6 #FFEED2

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

#CFCDD6 - #FFEED2 | 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 #CFCDD6 as 0% and #FFEED2 as 100%.

0.0%	0.0% #CFCDD6	RGB 207 205 214	#CFCDD6
16.7%	16.7% #D7D2D5	RGB 215 210 213	#D7D2D5
33.3%	33.3% #DFD8D4	RGB 223 216 212	#DFD8D4
50.0%	50.0% #E7DDD4	RGB 231 221 212	#E7DDD4
66.7%	66.7% #EFE3D3	RGB 239 227 211	#EFE3D3
83.3%	83.3% #F7E8D2	RGB 247 232 210	#F7E8D2
100.0%	100.0% #FFEED2	RGB 255 238 210	#FFEED2

#CFCDD6 #D7D2D5 #DFD8D4 #E7DDD4 #EFE3D3 #F7E8D2 #FFEED2

#CFCDD6 - #FFEED2

HSV Blend

#CFCDD6 - #FFEED2 | 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 #CFCDD6 as 0% and #FFEED2 as 100%.

0.0%	0.0% #CFCDD6	RGB 207 205 214	#CFCDD6
16.7%	16.7% #D7CEDC	RGB 215 206 220	#D7CEDC
33.3%	33.3% #E3CFE3	RGB 227 207 227	#E3CFE3
50.0%	50.0% #EAD0DF	RGB 234 208 223	#EAD0DF
66.7%	66.7% #F1D1D7	RGB 241 209 215	#F1D1D7
83.3%	83.3% #F8DAD1	RGB 248 218 209	#F8DAD1
100.0%	100.0% #FFEED2	RGB 255 238 210	#FFEED2

#CFCDD6 #D7CEDC #E3CFE3 #EAD0DF #F1D1D7 #F8DAD1 #FFEED2

#CFCDD6 - #EAD0DF - #FFEED2

CSS codes

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

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