#DA8C8D - #9C3A41 | 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 #DA8C8D to #9C3A41

#DA8C8D #9C3A41

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

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

0.0%	0.0% #DA8C8D	RGB 218 140 141	#DA8C8D
16.7%	16.7% #CF7E80	RGB 207 126 128	#CF7E80
33.3%	33.3% #C57073	RGB 197 112 115	#C57073
50.0%	50.0% #BB6367	RGB 187 99 103	#BB6367
66.7%	66.7% #B0555A	RGB 176 85 90	#B0555A
83.3%	83.3% #A6474D	RGB 166 71 77	#A6474D
100.0%	100.0% #9C3A41	RGB 156 58 65	#9C3A41

#DA8C8D #CF7E80 #C57073 #BB6367 #B0555A #A6474D #9C3A41

#DA8C8D - #9C3A41

HSV Blend

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

0.0%	0.0% #DA8C8D	RGB 218 140 141	#DA8C8D
16.7%	16.7% #CF7C7D	RGB 207 124 125	#CF7C7D
33.3%	33.3% #C56C6F	RGB 197 108 111	#C56C6F
50.0%	50.0% #BB5E62	RGB 187 94 98	#BB5E62
66.7%	66.7% #B05156	RGB 176 81 86	#B05156
83.3%	83.3% #A6454B	RGB 166 69 75	#A6454B
100.0%	100.0% #9C3A41	RGB 156 58 65	#9C3A41

#DA8C8D #CF7C7D #C56C6F #BB5E62 #B05156 #A6454B #9C3A41

#DA8C8D - #BB5E62 - #9C3A41

CSS codes

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

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