#DEC3DD - #B06DAC | 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 #DEC3DD to #B06DAC

#DEC3DD #B06DAC

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

#DEC3DD - #B06DAC | 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 #DEC3DD as 0% and #B06DAC as 100%.

0.0%	0.0% #DEC3DD	RGB 222 195 221	#DEC3DD
16.7%	16.7% #D6B4D4	RGB 214 180 212	#D6B4D4
33.3%	33.3% #CEA6CC	RGB 206 166 204	#CEA6CC
50.0%	50.0% #C798C4	RGB 199 152 196	#C798C4
66.7%	66.7% #BF89BC	RGB 191 137 188	#BF89BC
83.3%	83.3% #B77BB4	RGB 183 123 180	#B77BB4
100.0%	100.0% #B06DAC	RGB 176 109 172	#B06DAC

#DEC3DD #D6B4D4 #CEA6CC #C798C4 #BF89BC #B77BB4 #B06DAC

#DEC3DD - #B06DAC

HSV Blend

#DEC3DD - #B06DAC | 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 #DEC3DD as 0% and #B06DAC as 100%.

0.0%	0.0% #DEC3DD	RGB 222 195 221	#DEC3DD
16.7%	16.7% #D6B3D4	RGB 214 179 212	#D6B3D4
33.3%	33.3% #CEA3CC	RGB 206 163 204	#CEA3CC
50.0%	50.0% #C795C4	RGB 199 149 196	#C795C4
66.7%	66.7% #BF87BC	RGB 191 135 188	#BF87BC
83.3%	83.3% #B779B4	RGB 183 121 180	#B779B4
100.0%	100.0% #B06DAC	RGB 176 109 172	#B06DAC

#DEC3DD #D6B3D4 #CEA3CC #C795C4 #BF87BC #B779B4 #B06DAC

#DEC3DD - #C795C4 - #B06DAC

CSS codes

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

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