#D0A8C0 - #A24974 | 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 #D0A8C0 to #A24974

#D0A8C0 #A24974

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

#D0A8C0 - #A24974 | 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 #D0A8C0 as 0% and #A24974 as 100%.

0.0%	0.0% #D0A8C0	RGB 208 168 192	#D0A8C0
16.7%	16.7% #C898B3	RGB 200 152 179	#C898B3
33.3%	33.3% #C088A6	RGB 192 136 166	#C088A6
50.0%	50.0% #B9789A	RGB 185 120 154	#B9789A
66.7%	66.7% #B1688D	RGB 177 104 141	#B1688D
83.3%	83.3% #A95880	RGB 169 88 128	#A95880
100.0%	100.0% #A24974	RGB 162 73 116	#A24974

#D0A8C0 #C898B3 #C088A6 #B9789A #B1688D #A95880 #A24974

#D0A8C0 - #A24974

HSV Blend

#D0A8C0 - #A24974 | 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 #D0A8C0 as 0% and #A24974 as 100%.

0.0%	0.0% #D0A8C0	RGB 208 168 192	#D0A8C0
16.7%	16.7% #C895B3	RGB 200 149 179	#C895B3
33.3%	33.3% #C084A6	RGB 192 132 166	#C084A6
50.0%	50.0% #B97499	RGB 185 116 153	#B97499
66.7%	66.7% #B1658C	RGB 177 101 140	#B1658C
83.3%	83.3% #A95680	RGB 169 86 128	#A95680
100.0%	100.0% #A24974	RGB 162 73 116	#A24974

#D0A8C0 #C895B3 #C084A6 #B97499 #B1658C #A95680 #A24974

#D0A8C0 - #B97499 - #A24974

CSS codes

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

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