#655B5E - #E2A67F | 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 #655B5E to #E2A67F

#655B5E #E2A67F

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

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

0.0%	0.0% #655B5E	RGB 101 91 94	#655B5E
16.7%	16.7% #796763	RGB 121 103 99	#796763
33.3%	33.3% #8E7469	RGB 142 116 105	#8E7469
50.0%	50.0% #A3806E	RGB 163 128 110	#A3806E
66.7%	66.7% #B88D74	RGB 184 141 116	#B88D74
83.3%	83.3% #CD9979	RGB 205 153 121	#CD9979
100.0%	100.0% #E2A67F	RGB 226 166 127	#E2A67F

#655B5E #796763 #8E7469 #A3806E #B88D74 #CD9979 #E2A67F

#655B5E - #E2A67F

HSV Blend

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

0.0%	0.0% #655B5E	RGB 101 91 94	#655B5E
16.7%	16.7% #79666A	RGB 121 102 106	#79666A
33.3%	33.3% #8E7072	RGB 142 112 114	#8E7072
50.0%	50.0% #A37977	RGB 163 121 119	#A37977
66.7%	66.7% #B8867C	RGB 184 134 124	#B8867C
83.3%	83.3% #CD947E	RGB 205 148 126	#CD947E
100.0%	100.0% #E2A67F	RGB 226 166 127	#E2A67F

#655B5E #79666A #8E7072 #A37977 #B8867C #CD947E #E2A67F

#655B5E - #A37977 - #E2A67F

CSS codes

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

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