#FFDCDA - #CE8D7E | 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 #FFDCDA to #CE8D7E

#FFDCDA #CE8D7E

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

#FFDCDA - #CE8D7E | 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 #FFDCDA as 0% and #CE8D7E as 100%.

0.0%	0.0% #FFDCDA	RGB 255 220 218	#FFDCDA
16.7%	16.7% #F6CECA	RGB 246 206 202	#F6CECA
33.3%	33.3% #EEC1BB	RGB 238 193 187	#EEC1BB
50.0%	50.0% #E6B4AC	RGB 230 180 172	#E6B4AC
66.7%	66.7% #DEA79C	RGB 222 167 156	#DEA79C
83.3%	83.3% #D69A8D	RGB 214 154 141	#D69A8D
100.0%	100.0% #CE8D7E	RGB 206 141 126	#CE8D7E

#FFDCDA #F6CECA #EEC1BB #E6B4AC #DEA79C #D69A8D #CE8D7E

#FFDCDA - #CE8D7E

HSV Blend

#FFDCDA - #CE8D7E | 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 #FFDCDA as 0% and #CE8D7E as 100%.

0.0%	0.0% #FFDCDA	RGB 255 220 218	#FFDCDA
16.7%	16.7% #F6CCC9	RGB 246 204 201	#F6CCC9
33.3%	33.3% #EEBEB8	RGB 238 190 184	#EEBEB8
50.0%	50.0% #E6B0A9	RGB 230 176 169	#E6B0A9
66.7%	66.7% #DEA39A	RGB 222 163 154	#DEA39A
83.3%	83.3% #D6978B	RGB 214 151 139	#D6978B
100.0%	100.0% #CE8D7E	RGB 206 141 126	#CE8D7E

#FFDCDA #F6CCC9 #EEBEB8 #E6B0A9 #DEA39A #D6978B #CE8D7E

#FFDCDA - #E6B0A9 - #CE8D7E

CSS codes

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

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