#764B41 - #EE5E62 | 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 #764B41 to #EE5E62

#764B41 #EE5E62

Calculate the color between two colors, #764B41 and #EE5E62. 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)

#764B41 - #EE5E62 | 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 #764B41 as 0% and #EE5E62 as 100%.

0.0%	0.0% #764B41	RGB 118 75 65	#764B41
16.7%	16.7% #8A4E46	RGB 138 78 70	#8A4E46
33.3%	33.3% #9E514C	RGB 158 81 76	#9E514C
50.0%	50.0% #B25451	RGB 178 84 81	#B25451
66.7%	66.7% #C65757	RGB 198 87 87	#C65757
83.3%	83.3% #DA5A5C	RGB 218 90 92	#DA5A5C
100.0%	100.0% #EE5E62	RGB 238 94 98	#EE5E62

#764B41 #8A4E46 #9E514C #B25451 #C65757 #DA5A5C #EE5E62

#764B41 - #EE5E62

HSV Blend

#764B41 - #EE5E62 | 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 #764B41 as 0% and #EE5E62 as 100%.

0.0%	0.0% #764B41	RGB 118 75 65	#764B41
16.7%	16.7% #8A5248	RGB 138 82 72	#8A5248
33.3%	33.3% #9E584E	RGB 158 88 78	#9E584E
50.0%	50.0% #B25B54	RGB 178 91 84	#B25B54
66.7%	66.7% #C65D58	RGB 198 93 88	#C65D58
83.3%	83.3% #DA5C5B	RGB 218 92 91	#DA5C5B
100.0%	100.0% #EE5E62	RGB 238 94 98	#EE5E62

#764B41 #8A5248 #9E584E #B25B54 #C65D58 #DA5C5B #EE5E62

#764B41 - #B25B54 - #EE5E62

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #764B41 0%, #B25B54 50%, #EE5E62 100%);
    background: -webkit-linear-gradient(top, #764B41 0%, #B25B54 50%, #EE5E62 100%);
    background: linear-gradient(to bottom, #764B41 0%, #B25B54 50%, #EE5E62 100%);
}
</style>