#DEC0DA - #AF6C9E | 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 #DEC0DA to #AF6C9E

#DEC0DA #AF6C9E

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

#DEC0DA - #AF6C9E | 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 #DEC0DA as 0% and #AF6C9E as 100%.

0.0%	0.0% #DEC0DA	RGB 222 192 218	#DEC0DA
16.7%	16.7% #D6B2D0	RGB 214 178 208	#D6B2D0
33.3%	33.3% #CEA4C6	RGB 206 164 198	#CEA4C6
50.0%	50.0% #C696BC	RGB 198 150 188	#C696BC
66.7%	66.7% #BE88B2	RGB 190 136 178	#BE88B2
83.3%	83.3% #B67AA8	RGB 182 122 168	#B67AA8
100.0%	100.0% #AF6C9E	RGB 175 108 158	#AF6C9E

#DEC0DA #D6B2D0 #CEA4C6 #C696BC #BE88B2 #B67AA8 #AF6C9E

#DEC0DA - #AF6C9E

HSV Blend

#DEC0DA - #AF6C9E | 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 #DEC0DA as 0% and #AF6C9E as 100%.

0.0%	0.0% #DEC0DA	RGB 222 192 218	#DEC0DA
16.7%	16.7% #D6B0D0	RGB 214 176 208	#D6B0D0
33.3%	33.3% #CEA1C6	RGB 206 161 198	#CEA1C6
50.0%	50.0% #C693BC	RGB 198 147 188	#C693BC
66.7%	66.7% #BE85B2	RGB 190 133 178	#BE85B2
83.3%	83.3% #B678A8	RGB 182 120 168	#B678A8
100.0%	100.0% #AF6C9E	RGB 175 108 158	#AF6C9E

#DEC0DA #D6B0D0 #CEA1C6 #C693BC #BE85B2 #B678A8 #AF6C9E

#DEC0DA - #C693BC - #AF6C9E

CSS codes

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

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