#D9A1BA - #AF4D6F | 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 #D9A1BA to #AF4D6F

#D9A1BA #AF4D6F

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

#D9A1BA - #AF4D6F | 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 #D9A1BA as 0% and #AF4D6F as 100%.

0.0%	0.0% #D9A1BA	RGB 217 161 186	#D9A1BA
16.7%	16.7% #D293AD	RGB 210 147 173	#D293AD
33.3%	33.3% #CB85A1	RGB 203 133 161	#CB85A1
50.0%	50.0% #C47794	RGB 196 119 148	#C47794
66.7%	66.7% #BD6988	RGB 189 105 136	#BD6988
83.3%	83.3% #B65B7B	RGB 182 91 123	#B65B7B
100.0%	100.0% #AF4D6F	RGB 175 77 111	#AF4D6F

#D9A1BA #D293AD #CB85A1 #C47794 #BD6988 #B65B7B #AF4D6F

#D9A1BA - #AF4D6F

HSV Blend

#D9A1BA - #AF4D6F | 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 #D9A1BA as 0% and #AF4D6F as 100%.

0.0%	0.0% #D9A1BA	RGB 217 161 186	#D9A1BA
16.7%	16.7% #D291AD	RGB 210 145 173	#D291AD
33.3%	33.3% #CB82A0	RGB 203 130 160	#CB82A0
50.0%	50.0% #C47393	RGB 196 115 147	#C47393
66.7%	66.7% #BD6687	RGB 189 102 135	#BD6687
83.3%	83.3% #B6597A	RGB 182 89 122	#B6597A
100.0%	100.0% #AF4D6F	RGB 175 77 111	#AF4D6F

#D9A1BA #D291AD #CB82A0 #C47393 #BD6687 #B6597A #AF4D6F

#D9A1BA - #C47393 - #AF4D6F

CSS codes

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

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