#DBB8C8 - #FFF0DD | 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 #DBB8C8 to #FFF0DD

#DBB8C8 #FFF0DD

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

#DBB8C8 - #FFF0DD | 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 #DBB8C8 as 0% and #FFF0DD as 100%.

0.0%	0.0% #DBB8C8	RGB 219 184 200	#DBB8C8
16.7%	16.7% #E1C1CB	RGB 225 193 203	#E1C1CB
33.3%	33.3% #E7CACF	RGB 231 202 207	#E7CACF
50.0%	50.0% #EDD4D2	RGB 237 212 210	#EDD4D2
66.7%	66.7% #F3DDD6	RGB 243 221 214	#F3DDD6
83.3%	83.3% #F9E6D9	RGB 249 230 217	#F9E6D9
100.0%	100.0% #FFF0DD	RGB 255 240 221	#FFF0DD

#DBB8C8 #E1C1CB #E7CACF #EDD4D2 #F3DDD6 #F9E6D9 #FFF0DD

#DBB8C8 - #FFF0DD

HSV Blend

#DBB8C8 - #FFF0DD | 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 #DBB8C8 as 0% and #FFF0DD as 100%.

0.0%	0.0% #DBB8C8	RGB 219 184 200	#DBB8C8
16.7%	16.7% #E1BEC8	RGB 225 190 200	#E1BEC8
33.3%	33.3% #E7C4C8	RGB 231 196 200	#E7C4C8
50.0%	50.0% #EDCCCA	RGB 237 204 202	#EDCCCA
66.7%	66.7% #F3D8D0	RGB 243 216 208	#F3D8D0
83.3%	83.3% #F9E4D6	RGB 249 228 214	#F9E4D6
100.0%	100.0% #FFF0DD	RGB 255 240 221	#FFF0DD

#DBB8C8 #E1BEC8 #E7C4C8 #EDCCCA #F3D8D0 #F9E4D6 #FFF0DD

#DBB8C8 - #EDCCCA - #FFF0DD

CSS codes

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

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