#DBB6CE - #FFCBCA | 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 #DBB6CE to #FFCBCA

#DBB6CE #FFCBCA

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

#DBB6CE - #FFCBCA | 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 #DBB6CE as 0% and #FFCBCA as 100%.

0.0%	0.0% #DBB6CE	RGB 219 182 206	#DBB6CE
16.7%	16.7% #E1B9CD	RGB 225 185 205	#E1B9CD
33.3%	33.3% #E7BDCC	RGB 231 189 204	#E7BDCC
50.0%	50.0% #EDC0CC	RGB 237 192 204	#EDC0CC
66.7%	66.7% #F3C4CB	RGB 243 196 203	#F3C4CB
83.3%	83.3% #F9C7CA	RGB 249 199 202	#F9C7CA
100.0%	100.0% #FFCBCA	RGB 255 203 202	#FFCBCA

#DBB6CE #E1B9CD #E7BDCC #EDC0CC #F3C4CB #F9C7CA #FFCBCA

#DBB6CE - #FFCBCA

HSV Blend

#DBB6CE - #FFCBCA | 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 #DBB6CE as 0% and #FFCBCA as 100%.

0.0%	0.0% #DBB6CE	RGB 219 182 206	#DBB6CE
16.7%	16.7% #E1B9CE	RGB 225 185 206	#E1B9CE
33.3%	33.3% #E7BCCE	RGB 231 188 206	#E7BCCE
50.0%	50.0% #EDC0CE	RGB 237 192 206	#EDC0CE
66.7%	66.7% #F3C3CD	RGB 243 195 205	#F3C3CD
83.3%	83.3% #F9C6CB	RGB 249 198 203	#F9C6CB
100.0%	100.0% #FFCBCA	RGB 255 203 202	#FFCBCA

#DBB6CE #E1B9CE #E7BCCE #EDC0CE #F3C3CD #F9C6CB #FFCBCA

#DBB6CE - #EDC0CE - #FFCBCA

CSS codes

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

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