#DEC0D5 - #AF6C92 | 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 #DEC0D5 to #AF6C92

#DEC0D5 #AF6C92

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

#DEC0D5 - #AF6C92 | 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 #DEC0D5 as 0% and #AF6C92 as 100%.

0.0%	0.0% #DEC0D5	RGB 222 192 213	#DEC0D5
16.7%	16.7% #D6B2C9	RGB 214 178 201	#D6B2C9
33.3%	33.3% #CEA4BE	RGB 206 164 190	#CEA4BE
50.0%	50.0% #C696B3	RGB 198 150 179	#C696B3
66.7%	66.7% #BE88A8	RGB 190 136 168	#BE88A8
83.3%	83.3% #B67A9D	RGB 182 122 157	#B67A9D
100.0%	100.0% #AF6C92	RGB 175 108 146	#AF6C92

#DEC0D5 #D6B2C9 #CEA4BE #C696B3 #BE88A8 #B67A9D #AF6C92

#DEC0D5 - #AF6C92

HSV Blend

#DEC0D5 - #AF6C92 | 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 #DEC0D5 as 0% and #AF6C92 as 100%.

0.0%	0.0% #DEC0D5	RGB 222 192 213	#DEC0D5
16.7%	16.7% #D6B0C9	RGB 214 176 201	#D6B0C9
33.3%	33.3% #CEA1BE	RGB 206 161 190	#CEA1BE
50.0%	50.0% #C693B3	RGB 198 147 179	#C693B3
66.7%	66.7% #BE85A8	RGB 190 133 168	#BE85A8
83.3%	83.3% #B6789D	RGB 182 120 157	#B6789D
100.0%	100.0% #AF6C92	RGB 175 108 146	#AF6C92

#DEC0D5 #D6B0C9 #CEA1BE #C693B3 #BE85A8 #B6789D #AF6C92

#DEC0D5 - #C693B3 - #AF6C92

CSS codes

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

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