#992B47 - #CF5E93 | 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 #992B47 to #CF5E93

#992B47 #CF5E93

Calculate the color between two colors, #992B47 and #CF5E93. 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)

#992B47 - #CF5E93 | 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 #992B47 as 0% and #CF5E93 as 100%.

0.0%	0.0% #992B47	RGB 153 43 71	#992B47
16.7%	16.7% #A23353	RGB 162 51 83	#A23353
33.3%	33.3% #AB3C60	RGB 171 60 96	#AB3C60
50.0%	50.0% #B4446D	RGB 180 68 109	#B4446D
66.7%	66.7% #BD4D79	RGB 189 77 121	#BD4D79
83.3%	83.3% #C65586	RGB 198 85 134	#C65586
100.0%	100.0% #CF5E93	RGB 207 94 147	#CF5E93

#992B47 #A23353 #AB3C60 #B4446D #BD4D79 #C65586 #CF5E93

#992B47 - #CF5E93

HSV Blend

#992B47 - #CF5E93 | 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 #992B47 as 0% and #CF5E93 as 100%.

0.0%	0.0% #992A47	RGB 153 42 71	#992A47
16.7%	16.7% #A23252	RGB 162 50 82	#A23252
33.3%	33.3% #AB395E	RGB 171 57 94	#AB395E
50.0%	50.0% #B4426B	RGB 180 66 107	#B4426B
66.7%	66.7% #BD4A78	RGB 189 74 120	#BD4A78
83.3%	83.3% #C65485	RGB 198 84 133	#C65485
100.0%	100.0% #CF5E93	RGB 207 94 147	#CF5E93

#992A47 #A23252 #AB395E #B4426B #BD4A78 #C65485 #CF5E93

#992B47 - #B4426B - #CF5E93

CSS codes

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

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