#964B5E - #F19675 | 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 #964B5E to #F19675

#964B5E #F19675

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

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

0.0%	0.0% #964B5E	RGB 150 75 94	#964B5E
16.7%	16.7% #A55761	RGB 165 87 97	#A55761
33.3%	33.3% #B46465	RGB 180 100 101	#B46465
50.0%	50.0% #C37069	RGB 195 112 105	#C37069
66.7%	66.7% #D27D6D	RGB 210 125 109	#D27D6D
83.3%	83.3% #E18971	RGB 225 137 113	#E18971
100.0%	100.0% #F19675	RGB 241 150 117	#F19675

#964B5E #A55761 #B46465 #C37069 #D27D6D #E18971 #F19675

#964B5E - #F19675

HSV Blend

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

0.0%	0.0% #964B5D	RGB 150 75 93	#964B5D
16.7%	16.7% #A55260	RGB 165 82 96	#A55260
33.3%	33.3% #B45960	RGB 180 89 96	#B45960
50.0%	50.0% #C36060	RGB 195 96 96	#C36060
66.7%	66.7% #D27167	RGB 210 113 103	#D27167
83.3%	83.3% #E1826E	RGB 225 130 110	#E1826E
100.0%	100.0% #F19675	RGB 241 150 117	#F19675

#964B5D #A55260 #B45960 #C36060 #D27167 #E1826E #F19675

#964B5E - #C36060 - #F19675

CSS codes

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

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