#D5B8C8 - #A85C7E | 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 #D5B8C8 to #A85C7E

#D5B8C8 #A85C7E

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

#D5B8C8 - #A85C7E | 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 #D5B8C8 as 0% and #A85C7E as 100%.

0.0%	0.0% #D5B8C8	RGB 213 184 200	#D5B8C8
16.7%	16.7% #CDA8BB	RGB 205 168 187	#CDA8BB
33.3%	33.3% #C699AF	RGB 198 153 175	#C699AF
50.0%	50.0% #BE8AA3	RGB 190 138 163	#BE8AA3
66.7%	66.7% #B77A96	RGB 183 122 150	#B77A96
83.3%	83.3% #AF6B8A	RGB 175 107 138	#AF6B8A
100.0%	100.0% #A85C7E	RGB 168 92 126	#A85C7E

#D5B8C8 #CDA8BB #C699AF #BE8AA3 #B77A96 #AF6B8A #A85C7E

#D5B8C8 - #A85C7E

HSV Blend

#D5B8C8 - #A85C7E | 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 #D5B8C8 as 0% and #A85C7E as 100%.

0.0%	0.0% #D5B8C8	RGB 213 184 200	#D5B8C8
16.7%	16.7% #CDA6BB	RGB 205 166 187	#CDA6BB
33.3%	33.3% #C696AE	RGB 198 150 174	#C696AE
50.0%	50.0% #BE86A2	RGB 190 134 162	#BE86A2
66.7%	66.7% #B77796	RGB 183 119 150	#B77796
83.3%	83.3% #AF6989	RGB 175 105 137	#AF6989
100.0%	100.0% #A85C7E	RGB 168 92 126	#A85C7E

#D5B8C8 #CDA6BB #C696AE #BE86A2 #B77796 #AF6989 #A85C7E

#D5B8C8 - #BE86A2 - #A85C7E

CSS codes

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

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