#DEC0D1 - #AF6C89 | 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 #DEC0D1 to #AF6C89

#DEC0D1 #AF6C89

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

#DEC0D1 - #AF6C89 | 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 #DEC0D1 as 0% and #AF6C89 as 100%.

0.0%	0.0% #DEC0D1	RGB 222 192 209	#DEC0D1
16.7%	16.7% #D6B2C5	RGB 214 178 197	#D6B2C5
33.3%	33.3% #CEA4B9	RGB 206 164 185	#CEA4B9
50.0%	50.0% #C696AD	RGB 198 150 173	#C696AD
66.7%	66.7% #BE88A1	RGB 190 136 161	#BE88A1
83.3%	83.3% #B67A95	RGB 182 122 149	#B67A95
100.0%	100.0% #AF6C89	RGB 175 108 137	#AF6C89

#DEC0D1 #D6B2C5 #CEA4B9 #C696AD #BE88A1 #B67A95 #AF6C89

#DEC0D1 - #AF6C89

HSV Blend

#DEC0D1 - #AF6C89 | 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 #DEC0D1 as 0% and #AF6C89 as 100%.

0.0%	0.0% #DEC0D1	RGB 222 192 209	#DEC0D1
16.7%	16.7% #D6B0C4	RGB 214 176 196	#D6B0C4
33.3%	33.3% #CEA1B8	RGB 206 161 184	#CEA1B8
50.0%	50.0% #C693AC	RGB 198 147 172	#C693AC
66.7%	66.7% #BE85A0	RGB 190 133 160	#BE85A0
83.3%	83.3% #B67894	RGB 182 120 148	#B67894
100.0%	100.0% #AF6C89	RGB 175 108 137	#AF6C89

#DEC0D1 #D6B0C4 #CEA1B8 #C693AC #BE85A0 #B67894 #AF6C89

#DEC0D1 - #C693AC - #AF6C89

CSS codes

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

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