#655E5E - #A67BA9 | 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 #655E5E to #A67BA9

#655E5E #A67BA9

Calculate the color between two colors, #655E5E and #A67BA9. 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)

#655E5E - #A67BA9 | 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 #655E5E as 0% and #A67BA9 as 100%.

0.0%	0.0% #655E5E	RGB 101 94 94	#655E5E
16.7%	16.7% #6F626A	RGB 111 98 106	#6F626A
33.3%	33.3% #7A6777	RGB 122 103 119	#7A6777
50.0%	50.0% #856C83	RGB 133 108 131	#856C83
66.7%	66.7% #907190	RGB 144 113 144	#907190
83.3%	83.3% #9B769C	RGB 155 118 156	#9B769C
100.0%	100.0% #A67BA9	RGB 166 123 169	#A67BA9

#655E5E #6F626A #7A6777 #856C83 #907190 #9B769C #A67BA9

#655E5E - #A67BA9

HSV Blend

#655E5E - #A67BA9 | 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 #655E5E as 0% and #A67BA9 as 100%.

0.0%	0.0% #655E5E	RGB 101 94 94	#655E5E
16.7%	16.7% #706466	RGB 112 100 102	#706466
33.3%	33.3% #7B6A70	RGB 123 106 112	#7B6A70
50.0%	50.0% #876F7C	RGB 135 111 124	#876F7C
66.7%	66.7% #927489	RGB 146 116 137	#927489
83.3%	83.3% #9D7899	RGB 157 120 153	#9D7899
100.0%	100.0% #A67BA9	RGB 166 123 169	#A67BA9

#655E5E #706466 #7B6A70 #876F7C #927489 #9D7899 #A67BA9

#655E5E - #876F7C - #A67BA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #655E5E 0%, #876F7C 50%, #A67BA9 100%);
    background: -webkit-linear-gradient(top, #655E5E 0%, #876F7C 50%, #A67BA9 100%);
    background: linear-gradient(to bottom, #655E5E 0%, #876F7C 50%, #A67BA9 100%);
}
</style>