#722136 - #D6BFC5 | 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 #722136 to #D6BFC5

#722136 #D6BFC5

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

#722136 - #D6BFC5 | 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 #722136 as 0% and #D6BFC5 as 100%.

0.0%	0.0% #722136	RGB 114 33 54	#722136
16.7%	16.7% #823B4D	RGB 130 59 77	#823B4D
33.3%	33.3% #935565	RGB 147 85 101	#935565
50.0%	50.0% #A4707D	RGB 164 112 125	#A4707D
66.7%	66.7% #B48A95	RGB 180 138 149	#B48A95
83.3%	83.3% #C5A4AD	RGB 197 164 173	#C5A4AD
100.0%	100.0% #D6BFC5	RGB 214 191 197	#D6BFC5

#722136 #823B4D #935565 #A4707D #B48A95 #C5A4AD #D6BFC5

#722136 - #D6BFC5

HSV Blend

#722136 - #D6BFC5 | 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 #722136 as 0% and #D6BFC5 as 100%.

0.0%	0.0% #722035	RGB 114 32 53	#722035
16.7%	16.7% #823247	RGB 130 50 71	#823247
33.3%	33.3% #93485B	RGB 147 72 91	#93485B
50.0%	50.0% #A46072	RGB 164 96 114	#A46072
66.7%	66.7% #B47C8B	RGB 180 124 139	#B47C8B
83.3%	83.3% #C59CA6	RGB 197 156 166	#C59CA6
100.0%	100.0% #D6BFC5	RGB 214 191 197	#D6BFC5

#722035 #823247 #93485B #A46072 #B47C8B #C59CA6 #D6BFC5

#722136 - #A46072 - #D6BFC5

CSS codes

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

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