#D0CFD1 - #FFECCB | 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 #D0CFD1 to #FFECCB

#D0CFD1 #FFECCB

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

#D0CFD1 - #FFECCB | 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 #D0CFD1 as 0% and #FFECCB as 100%.

0.0%	0.0% #D0CFD1	RGB 208 207 209	#D0CFD1
16.7%	16.7% #D7D3D0	RGB 215 211 208	#D7D3D0
33.3%	33.3% #DFD8CF	RGB 223 216 207	#DFD8CF
50.0%	50.0% #E7DDCE	RGB 231 221 206	#E7DDCE
66.7%	66.7% #EFE2CD	RGB 239 226 205	#EFE2CD
83.3%	83.3% #F7E7CC	RGB 247 231 204	#F7E7CC
100.0%	100.0% #FFECCB	RGB 255 236 203	#FFECCB

#D0CFD1 #D7D3D0 #DFD8CF #E7DDCE #EFE2CD #F7E7CC #FFECCB

#D0CFD1 - #FFECCB

HSV Blend

#D0CFD1 - #FFECCB | 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 #D0CFD1 as 0% and #FFECCB as 100%.

0.0%	0.0% #D0CFD1	RGB 208 207 209	#D0CFD1
16.7%	16.7% #D7CFD8	RGB 215 207 216	#D7CFD8
33.3%	33.3% #E0CFDC	RGB 224 207 220	#E0CFDC
50.0%	50.0% #E8CFD9	RGB 232 207 217	#E8CFD9
66.7%	66.7% #EFCED0	RGB 239 206 208	#EFCED0
83.3%	83.3% #F7D8CC	RGB 247 216 204	#F7D8CC
100.0%	100.0% #FFECCB	RGB 255 236 203	#FFECCB

#D0CFD1 #D7CFD8 #E0CFDC #E8CFD9 #EFCED0 #F7D8CC #FFECCB

#D0CFD1 - #E8CFD9 - #FFECCB

CSS codes

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

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