#963E3E - #66170B | 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 #963E3E to #66170B

#963E3E #66170B

Calculate the color between two colors, #963E3E and #66170B. 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)

#963E3E - #66170B | 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 #963E3E as 0% and #66170B as 100%.

0.0%	0.0% #963E3E	RGB 150 62 62	#963E3E
16.7%	16.7% #8E3735	RGB 142 55 53	#8E3735
33.3%	33.3% #86312D	RGB 134 49 45	#86312D
50.0%	50.0% #7E2A24	RGB 126 42 36	#7E2A24
66.7%	66.7% #76241C	RGB 118 36 28	#76241C
83.3%	83.3% #6E1D13	RGB 110 29 19	#6E1D13
100.0%	100.0% #66170B	RGB 102 23 11	#66170B

#963E3E #8E3735 #86312D #7E2A24 #76241C #6E1D13 #66170B

#963E3E - #66170B

HSV Blend

#963E3E - #66170B | 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 #963E3E as 0% and #66170B as 100%.

0.0%	0.0% #963E3E	RGB 150 62 62	#963E3E
16.7%	16.7% #8E3533	RGB 142 53 51	#8E3533
33.3%	33.3% #862D29	RGB 134 45 41	#862D29
50.0%	50.0% #7E2620	RGB 126 38 32	#7E2620
66.7%	66.7% #762018	RGB 118 32 24	#762018
83.3%	83.3% #6E1B11	RGB 110 27 17	#6E1B11
100.0%	100.0% #66170B	RGB 102 23 11	#66170B

#963E3E #8E3533 #862D29 #7E2620 #762018 #6E1B11 #66170B

#963E3E - #7E2620 - #66170B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963E3E 0%, #7E2620 50%, #66170B 100%);
    background: -webkit-linear-gradient(top, #963E3E 0%, #7E2620 50%, #66170B 100%);
    background: linear-gradient(to bottom, #963E3E 0%, #7E2620 50%, #66170B 100%);
}
</style>