#D7BFC5 - #FFEED6 | 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 #D7BFC5 to #FFEED6

#D7BFC5 #FFEED6

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

#D7BFC5 - #FFEED6 | 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 #D7BFC5 as 0% and #FFEED6 as 100%.

0.0%	0.0% #D7BFC5	RGB 215 191 197	#D7BFC5
16.7%	16.7% #DDC6C7	RGB 221 198 199	#DDC6C7
33.3%	33.3% #E4CECA	RGB 228 206 202	#E4CECA
50.0%	50.0% #EBD6CD	RGB 235 214 205	#EBD6CD
66.7%	66.7% #F1DED0	RGB 241 222 208	#F1DED0
83.3%	83.3% #F8E6D3	RGB 248 230 211	#F8E6D3
100.0%	100.0% #FFEED6	RGB 255 238 214	#FFEED6

#D7BFC5 #DDC6C7 #E4CECA #EBD6CD #F1DED0 #F8E6D3 #FFEED6

#D7BFC5 - #FFEED6

HSV Blend

#D7BFC5 - #FFEED6 | 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 #D7BFC5 as 0% and #FFEED6 as 100%.

0.0%	0.0% #D7BFC5	RGB 215 191 197	#D7BFC5
16.7%	16.7% #DDC3C6	RGB 221 195 198	#DDC3C6
33.3%	33.3% #E4C7C7	RGB 228 199 199	#E4C7C7
50.0%	50.0% #EBD0CA	RGB 235 208 202	#EBD0CA
66.7%	66.7% #F1D9CE	RGB 241 217 206	#F1D9CE
83.3%	83.3% #F8E3D2	RGB 248 227 210	#F8E3D2
100.0%	100.0% #FFEED6	RGB 255 238 214	#FFEED6

#D7BFC5 #DDC3C6 #E4C7C7 #EBD0CA #F1D9CE #F8E3D2 #FFEED6

#D7BFC5 - #EBD0CA - #FFEED6

CSS codes

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

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