#6A2336 - #D4C0C5 | 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 #6A2336 to #D4C0C5

#6A2336 #D4C0C5

Calculate the color between two colors, #6A2336 and #D4C0C5. 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)

#6A2336 - #D4C0C5 | 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 #6A2336 as 0% and #D4C0C5 as 100%.

0.0%	0.0% #6A2336	RGB 106 35 54	#6A2336
16.7%	16.7% #7B3D4D	RGB 123 61 77	#7B3D4D
33.3%	33.3% #8D5765	RGB 141 87 101	#8D5765
50.0%	50.0% #9F717D	RGB 159 113 125	#9F717D
66.7%	66.7% #B08B95	RGB 176 139 149	#B08B95
83.3%	83.3% #C2A5AD	RGB 194 165 173	#C2A5AD
100.0%	100.0% #D4C0C5	RGB 212 192 197	#D4C0C5

#6A2336 #7B3D4D #8D5765 #9F717D #B08B95 #C2A5AD #D4C0C5

#6A2336 - #D4C0C5

HSV Blend

#6A2336 - #D4C0C5 | 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 #6A2336 as 0% and #D4C0C5 as 100%.

0.0%	0.0% #6A2336	RGB 106 35 54	#6A2336
16.7%	16.7% #7B3447	RGB 123 52 71	#7B3447
33.3%	33.3% #8D495B	RGB 141 73 91	#8D495B
50.0%	50.0% #9F6271	RGB 159 98 113	#9F6271
66.7%	66.7% #B07E8B	RGB 176 126 139	#B07E8B
83.3%	83.3% #C29DA6	RGB 194 157 166	#C29DA6
100.0%	100.0% #D4C0C5	RGB 212 192 197	#D4C0C5

#6A2336 #7B3447 #8D495B #9F6271 #B07E8B #C29DA6 #D4C0C5

#6A2336 - #9F6271 - #D4C0C5

CSS codes

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

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