#992C62 - #CF5EAF | 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 #992C62 to #CF5EAF

#992C62 #CF5EAF

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

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

0.0%	0.0% #992C62	RGB 153 44 98	#992C62
16.7%	16.7% #A2346E	RGB 162 52 110	#A2346E
33.3%	33.3% #AB3C7B	RGB 171 60 123	#AB3C7B
50.0%	50.0% #B44588	RGB 180 69 136	#B44588
66.7%	66.7% #BD4D95	RGB 189 77 149	#BD4D95
83.3%	83.3% #C655A2	RGB 198 85 162	#C655A2
100.0%	100.0% #CF5EAF	RGB 207 94 175	#CF5EAF

#992C62 #A2346E #AB3C7B #B44588 #BD4D95 #C655A2 #CF5EAF

#992C62 - #CF5EAF

HSV Blend

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

0.0%	0.0% #992B62	RGB 153 43 98	#992B62
16.7%	16.7% #A2336E	RGB 162 51 110	#A2336E
33.3%	33.3% #AB3A7A	RGB 171 58 122	#AB3A7A
50.0%	50.0% #B44287	RGB 180 66 135	#B44287
66.7%	66.7% #BD4B94	RGB 189 75 148	#BD4B94
83.3%	83.3% #C654A1	RGB 198 84 161	#C654A1
100.0%	100.0% #CF5EAF	RGB 207 94 175	#CF5EAF

#992B62 #A2336E #AB3A7A #B44287 #BD4B94 #C654A1 #CF5EAF

#992C62 - #B44287 - #CF5EAF

CSS codes

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

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