#D49BAB - #9F415C | 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 #D49BAB to #9F415C

#D49BAB #9F415C

Calculate the color between two colors, #D49BAB and #9F415C. 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)

#D49BAB - #9F415C | 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 #D49BAB as 0% and #9F415C as 100%.

0.0%	0.0% #D49BAB	RGB 212 155 171	#D49BAB
16.7%	16.7% #CB8C9D	RGB 203 140 157	#CB8C9D
33.3%	33.3% #C27D90	RGB 194 125 144	#C27D90
50.0%	50.0% #B96E83	RGB 185 110 131	#B96E83
66.7%	66.7% #B05F76	RGB 176 95 118	#B05F76
83.3%	83.3% #A75069	RGB 167 80 105	#A75069
100.0%	100.0% #9F415C	RGB 159 65 92	#9F415C

#D49BAB #CB8C9D #C27D90 #B96E83 #B05F76 #A75069 #9F415C

#D49BAB - #9F415C

HSV Blend

#D49BAB - #9F415C | 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 #D49BAB as 0% and #9F415C as 100%.

0.0%	0.0% #D49BAB	RGB 212 155 171	#D49BAB
16.7%	16.7% #CB899C	RGB 203 137 156	#CB899C
33.3%	33.3% #C2798D	RGB 194 121 141	#C2798D
50.0%	50.0% #B96980	RGB 185 105 128	#B96980
66.7%	66.7% #B05B73	RGB 176 91 115	#B05B73
83.3%	83.3% #A74D67	RGB 167 77 103	#A74D67
100.0%	100.0% #9F415C	RGB 159 65 92	#9F415C

#D49BAB #CB899C #C2798D #B96980 #B05B73 #A74D67 #9F415C

#D49BAB - #B96980 - #9F415C

CSS codes

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

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