#CFCFD2 - #FFCFCE | 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 #CFCFD2 to #FFCFCE

#CFCFD2 #FFCFCE

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

#CFCFD2 - #FFCFCE | 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 #CFCFD2 as 0% and #FFCFCE as 100%.

0.0%	0.0% #CFCFD2	RGB 207 207 210	#CFCFD2
16.7%	16.7% #D7CFD1	RGB 215 207 209	#D7CFD1
33.3%	33.3% #DFCFD0	RGB 223 207 208	#DFCFD0
50.0%	50.0% #E7CFD0	RGB 231 207 208	#E7CFD0
66.7%	66.7% #EFCFCF	RGB 239 207 207	#EFCFCF
83.3%	83.3% #F7CFCE	RGB 247 207 206	#F7CFCE
100.0%	100.0% #FFCFCE	RGB 255 207 206	#FFCFCE

#CFCFD2 #D7CFD1 #DFCFD0 #E7CFD0 #EFCFCF #F7CFCE #FFCFCE

#CFCFD2 - #FFCFCE

HSV Blend

#CFCFD2 - #FFCFCE | 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 #CFCFD2 as 0% and #FFCFCE as 100%.

0.0%	0.0% #CFCFD2	RGB 207 207 210	#CFCFD2
16.7%	16.7% #D3CFD9	RGB 211 207 217	#D3CFD9
33.3%	33.3% #DBD0E1	RGB 219 208 225	#DBD0E1
50.0%	50.0% #E8D0E8	RGB 232 208 232	#E8D0E8
66.7%	66.7% #F0D0E4	RGB 240 208 228	#F0D0E4
83.3%	83.3% #F7CFDC	RGB 247 207 220	#F7CFDC
100.0%	100.0% #FFCFCE	RGB 255 207 206	#FFCFCE

#CFCFD2 #D3CFD9 #DBD0E1 #E8D0E8 #F0D0E4 #F7CFDC #FFCFCE

#CFCFD2 - #E8D0E8 - #FFCFCE

CSS codes

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

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