#CF3F99 - #82004B | 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 #CF3F99 to #82004B

#CF3F99 #82004B

Calculate the color between two colors, #CF3F99 and #82004B. 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)

#CF3F99 - #82004B | 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 #CF3F99 as 0% and #82004B as 100%.

0.0%	0.0% #CF3F99	RGB 207 63 153	#CF3F99
16.7%	16.7% #C2348C	RGB 194 52 140	#C2348C
33.3%	33.3% #B52A7F	RGB 181 42 127	#B52A7F
50.0%	50.0% #A81F72	RGB 168 31 114	#A81F72
66.7%	66.7% #9B1565	RGB 155 21 101	#9B1565
83.3%	83.3% #8E0A58	RGB 142 10 88	#8E0A58
100.0%	100.0% #82004B	RGB 130 0 75	#82004B

#CF3F99 #C2348C #B52A7F #A81F72 #9B1565 #8E0A58 #82004B

#CF3F99 - #82004B

HSV Blend

#CF3F99 - #82004B | 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 #CF3F99 as 0% and #82004B as 100%.

0.0%	0.0% #CF3F99	RGB 207 63 153	#CF3F99
16.7%	16.7% #C2318A	RGB 194 49 138	#C2318A
33.3%	33.3% #B5247C	RGB 181 36 124	#B5247C
50.0%	50.0% #A8196F	RGB 168 25 111	#A8196F
66.7%	66.7% #9B0F62	RGB 155 15 98	#9B0F62
83.3%	83.3% #8E0756	RGB 142 7 86	#8E0756
100.0%	100.0% #82004B	RGB 130 0 75	#82004B

#CF3F99 #C2318A #B5247C #A8196F #9B0F62 #8E0756 #82004B

#CF3F99 - #A8196F - #82004B

CSS codes

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

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