#99312C - #CF5E72 | 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 #99312C to #CF5E72

#99312C #CF5E72

Calculate the color between two colors, #99312C and #CF5E72. 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)

#99312C - #CF5E72 | 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 #99312C as 0% and #CF5E72 as 100%.

0.0%	0.0% #99312C	RGB 153 49 44	#99312C
16.7%	16.7% #A23837	RGB 162 56 55	#A23837
33.3%	33.3% #AB4043	RGB 171 64 67	#AB4043
50.0%	50.0% #B4474F	RGB 180 71 79	#B4474F
66.7%	66.7% #BD4F5A	RGB 189 79 90	#BD4F5A
83.3%	83.3% #C65666	RGB 198 86 102	#C65666
100.0%	100.0% #CF5E72	RGB 207 94 114	#CF5E72

#99312C #A23837 #AB4043 #B4474F #BD4F5A #C65666 #CF5E72

#99312C - #CF5E72

HSV Blend

#99312C - #CF5E72 | 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 #99312C as 0% and #CF5E72 as 100%.

0.0%	0.0% #99312B	RGB 153 49 43	#99312B
16.7%	16.7% #A23433	RGB 162 52 51	#A23433
33.3%	33.3% #AB3A3D	RGB 171 58 61	#AB3A3D
50.0%	50.0% #B4424A	RGB 180 66 74	#B4424A
66.7%	66.7% #BD4B57	RGB 189 75 87	#BD4B57
83.3%	83.3% #C65464	RGB 198 84 100	#C65464
100.0%	100.0% #CF5E72	RGB 207 94 114	#CF5E72

#99312B #A23433 #AB3A3D #B4424A #BD4B57 #C65464 #CF5E72

#99312C - #B4424A - #CF5E72

CSS codes

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

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