#DCBBC8 - #AE627E | 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 #DCBBC8 to #AE627E

#DCBBC8 #AE627E

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

#DCBBC8 - #AE627E | 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 #DCBBC8 as 0% and #AE627E as 100%.

0.0%	0.0% #DCBBC8	RGB 220 187 200	#DCBBC8
16.7%	16.7% #D4ACBB	RGB 212 172 187	#D4ACBB
33.3%	33.3% #CC9DAF	RGB 204 157 175	#CC9DAF
50.0%	50.0% #C58EA3	RGB 197 142 163	#C58EA3
66.7%	66.7% #BD7F96	RGB 189 127 150	#BD7F96
83.3%	83.3% #B5708A	RGB 181 112 138	#B5708A
100.0%	100.0% #AE627E	RGB 174 98 126	#AE627E

#DCBBC8 #D4ACBB #CC9DAF #C58EA3 #BD7F96 #B5708A #AE627E

#DCBBC8 - #AE627E

HSV Blend

#DCBBC8 - #AE627E | 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 #DCBBC8 as 0% and #AE627E as 100%.

0.0%	0.0% #DCBBC8	RGB 220 187 200	#DCBBC8
16.7%	16.7% #D4AABA	RGB 212 170 186	#D4AABA
33.3%	33.3% #CC9AAD	RGB 204 154 173	#CC9AAD
50.0%	50.0% #C58BA1	RGB 197 139 161	#C58BA1
66.7%	66.7% #BD7C95	RGB 189 124 149	#BD7C95
83.3%	83.3% #B56F89	RGB 181 111 137	#B56F89
100.0%	100.0% #AE627E	RGB 174 98 126	#AE627E

#DCBBC8 #D4AABA #CC9AAD #C58BA1 #BD7C95 #B56F89 #AE627E

#DCBBC8 - #C58BA1 - #AE627E

CSS codes

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

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