#D4A2AF - #9F4961 | 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 #D4A2AF to #9F4961

#D4A2AF #9F4961

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

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

0.0%	0.0% #D4A2AF	RGB 212 162 175	#D4A2AF
16.7%	16.7% #CB93A2	RGB 203 147 162	#CB93A2
33.3%	33.3% #C28495	RGB 194 132 149	#C28495
50.0%	50.0% #B97588	RGB 185 117 136	#B97588
66.7%	66.7% #B0667B	RGB 176 102 123	#B0667B
83.3%	83.3% #A7576E	RGB 167 87 110	#A7576E
100.0%	100.0% #9F4961	RGB 159 73 97	#9F4961

#D4A2AF #CB93A2 #C28495 #B97588 #B0667B #A7576E #9F4961

#D4A2AF - #9F4961

HSV Blend

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

0.0%	0.0% #D4A2AE	RGB 212 162 174	#D4A2AE
16.7%	16.7% #CB90A0	RGB 203 144 160	#CB90A0
33.3%	33.3% #C28092	RGB 194 128 146	#C28092
50.0%	50.0% #B97184	RGB 185 113 132	#B97184
66.7%	66.7% #B06378	RGB 176 99 120	#B06378
83.3%	83.3% #A7556C	RGB 167 85 108	#A7556C
100.0%	100.0% #9F4961	RGB 159 73 97	#9F4961

#D4A2AE #CB90A0 #C28092 #B97184 #B06378 #A7556C #9F4961

#D4A2AF - #B97184 - #9F4961

CSS codes

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

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