#96484D - #F18E5E | 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 #96484D to #F18E5E

#96484D #F18E5E

Calculate the color between two colors, #96484D and #F18E5E. 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)

#96484D - #F18E5E | 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 #96484D as 0% and #F18E5E as 100%.

0.0%	0.0% #96484D	RGB 150 72 77	#96484D
16.7%	16.7% #A5534F	RGB 165 83 79	#A5534F
33.3%	33.3% #B45F52	RGB 180 95 82	#B45F52
50.0%	50.0% #C36B55	RGB 195 107 85	#C36B55
66.7%	66.7% #D27658	RGB 210 118 88	#D27658
83.3%	83.3% #E1825B	RGB 225 130 91	#E1825B
100.0%	100.0% #F18E5E	RGB 241 142 94	#F18E5E

#96484D #A5534F #B45F52 #C36B55 #D27658 #E1825B #F18E5E

#96484D - #F18E5E

HSV Blend

#96484D - #F18E5E | 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 #96484D as 0% and #F18E5E as 100%.

0.0%	0.0% #96484D	RGB 150 72 77	#96484D
16.7%	16.7% #A54C4C	RGB 165 76 76	#A54C4C
33.3%	33.3% #B45751	RGB 180 87 81	#B45751
50.0%	50.0% #C36355	RGB 195 99 85	#C36355
66.7%	66.7% #D27058	RGB 210 112 88	#D27058
83.3%	83.3% #E17E5B	RGB 225 126 91	#E17E5B
100.0%	100.0% #F18E5E	RGB 241 142 94	#F18E5E

#96484D #A54C4C #B45751 #C36355 #D27058 #E17E5B #F18E5E

#96484D - #C36355 - #F18E5E

CSS codes

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

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