#CD5E3B - #95280D | 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 #CD5E3B to #95280D

#CD5E3B #95280D

Calculate the color between two colors, #CD5E3B and #95280D. 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)

#CD5E3B - #95280D | 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 #CD5E3B as 0% and #95280D as 100%.

0.0%	0.0% #CD5E3B	RGB 205 94 59	#CD5E3B
16.7%	16.7% #C35533	RGB 195 85 51	#C35533
33.3%	33.3% #BA4C2B	RGB 186 76 43	#BA4C2B
50.0%	50.0% #B14324	RGB 177 67 36	#B14324
66.7%	66.7% #A73A1C	RGB 167 58 28	#A73A1C
83.3%	83.3% #9E3114	RGB 158 49 20	#9E3114
100.0%	100.0% #95280D	RGB 149 40 13	#95280D

#CD5E3B #C35533 #BA4C2B #B14324 #A73A1C #9E3114 #95280D

#CD5E3B - #95280D

HSV Blend

#CD5E3B - #95280D | 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 #CD5E3B as 0% and #95280D as 100%.

0.0%	0.0% #CD5E3B	RGB 205 94 59	#CD5E3B
16.7%	16.7% #C35331	RGB 195 83 49	#C35331
33.3%	33.3% #BA4929	RGB 186 73 41	#BA4929
50.0%	50.0% #B14021	RGB 177 64 33	#B14021
66.7%	66.7% #A73719	RGB 167 55 25	#A73719
83.3%	83.3% #9E2F13	RGB 158 47 19	#9E2F13
100.0%	100.0% #95280D	RGB 149 40 13	#95280D

#CD5E3B #C35331 #BA4929 #B14021 #A73719 #9E2F13 #95280D

#CD5E3B - #B14021 - #95280D

CSS codes

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

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