#764146 - #EE5E8D | 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 #764146 to #EE5E8D

#764146 #EE5E8D

Calculate the color between two colors, #764146 and #EE5E8D. 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)

#764146 - #EE5E8D | 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 #764146 as 0% and #EE5E8D as 100%.

0.0%	0.0% #764146	RGB 118 65 70	#764146
16.7%	16.7% #8A4551	RGB 138 69 81	#8A4551
33.3%	33.3% #9E4A5D	RGB 158 74 93	#9E4A5D
50.0%	50.0% #B24F69	RGB 178 79 105	#B24F69
66.7%	66.7% #C65475	RGB 198 84 117	#C65475
83.3%	83.3% #DA5981	RGB 218 89 129	#DA5981
100.0%	100.0% #EE5E8D	RGB 238 94 141	#EE5E8D

#764146 #8A4551 #9E4A5D #B24F69 #C65475 #DA5981 #EE5E8D

#764146 - #EE5E8D

HSV Blend

#764146 - #EE5E8D | 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 #764146 as 0% and #EE5E8D as 100%.

0.0%	0.0% #764146	RGB 118 65 70	#764146
16.7%	16.7% #8A4851	RGB 138 72 81	#8A4851
33.3%	33.3% #9E4E5C	RGB 158 78 92	#9E4E5C
50.0%	50.0% #B25467	RGB 178 84 103	#B25467
66.7%	66.7% #C65873	RGB 198 88 115	#C65873
83.3%	83.3% #DA5B80	RGB 218 91 128	#DA5B80
100.0%	100.0% #EE5E8D	RGB 238 94 141	#EE5E8D

#764146 #8A4851 #9E4E5C #B25467 #C65873 #DA5B80 #EE5E8D

#764146 - #B25467 - #EE5E8D

CSS codes

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

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