#966881 - #651E32 | 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 #966881 to #651E32

#966881 #651E32

Calculate the color between two colors, #966881 and #651E32. 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)

#966881 - #651E32 | 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 #966881 as 0% and #651E32 as 100%.

0.0%	0.0% #966881	RGB 150 104 129	#966881
16.7%	16.7% #8D5B73	RGB 141 91 115	#8D5B73
33.3%	33.3% #854F66	RGB 133 79 102	#854F66
50.0%	50.0% #7D4359	RGB 125 67 89	#7D4359
66.7%	66.7% #75364C	RGB 117 54 76	#75364C
83.3%	83.3% #6D2A3F	RGB 109 42 63	#6D2A3F
100.0%	100.0% #651E32	RGB 101 30 50	#651E32

#966881 #8D5B73 #854F66 #7D4359 #75364C #6D2A3F #651E32

#966881 - #651E32

HSV Blend

#966881 - #651E32 | 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 #966881 as 0% and #651E32 as 100%.

0.0%	0.0% #966881	RGB 150 104 129	#966881
16.7%	16.7% #8D5873	RGB 141 88 115	#8D5873
33.3%	33.3% #854B65	RGB 133 75 101	#854B65
50.0%	50.0% #7D3E58	RGB 125 62 88	#7D3E58
66.7%	66.7% #75324B	RGB 117 50 75	#75324B
83.3%	83.3% #6D273E	RGB 109 39 62	#6D273E
100.0%	100.0% #651E32	RGB 101 30 50	#651E32

#966881 #8D5873 #854B65 #7D3E58 #75324B #6D273E #651E32

#966881 - #7D3E58 - #651E32

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #966881 0%, #7D3E58 50%, #651E32 100%);
    background: -webkit-linear-gradient(top, #966881 0%, #7D3E58 50%, #651E32 100%);
    background: linear-gradient(to bottom, #966881 0%, #7D3E58 50%, #651E32 100%);
}
</style>