#D4A8B9 - #A34D6C | 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 #D4A8B9 to #A34D6C

#D4A8B9 #A34D6C

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

#D4A8B9 - #A34D6C | 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 #D4A8B9 as 0% and #A34D6C as 100%.

0.0%	0.0% #D4A8B9	RGB 212 168 185	#D4A8B9
16.7%	16.7% #CB98AC	RGB 203 152 172	#CB98AC
33.3%	33.3% #C3899F	RGB 195 137 159	#C3899F
50.0%	50.0% #BB7A92	RGB 187 122 146	#BB7A92
66.7%	66.7% #B36B85	RGB 179 107 133	#B36B85
83.3%	83.3% #AB5C78	RGB 171 92 120	#AB5C78
100.0%	100.0% #A34D6C	RGB 163 77 108	#A34D6C

#D4A8B9 #CB98AC #C3899F #BB7A92 #B36B85 #AB5C78 #A34D6C

#D4A8B9 - #A34D6C

HSV Blend

#D4A8B9 - #A34D6C | 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 #D4A8B9 as 0% and #A34D6C as 100%.

0.0%	0.0% #D4A8B9	RGB 212 168 185	#D4A8B9
16.7%	16.7% #CB96AA	RGB 203 150 170	#CB96AA
33.3%	33.3% #C3869D	RGB 195 134 157	#C3869D
50.0%	50.0% #BB7690	RGB 187 118 144	#BB7690
66.7%	66.7% #B36783	RGB 179 103 131	#B36783
83.3%	83.3% #AB5977	RGB 171 89 119	#AB5977
100.0%	100.0% #A34D6C	RGB 163 77 108	#A34D6C

#D4A8B9 #CB96AA #C3869D #BB7690 #B36783 #AB5977 #A34D6C

#D4A8B9 - #BB7690 - #A34D6C

CSS codes

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

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