#CF92B6 - #B33D7E | 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 #CF92B6 to #B33D7E

#CF92B6 #B33D7E

Calculate the color between two colors, #CF92B6 and #B33D7E. 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)

#CF92B6 - #B33D7E | 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 #CF92B6 as 0% and #B33D7E as 100%.

0.0%	0.0% #CF92B6	RGB 207 146 182	#CF92B6
16.7%	16.7% #CA83AC	RGB 202 131 172	#CA83AC
33.3%	33.3% #C575A3	RGB 197 117 163	#C575A3
50.0%	50.0% #C1679A	RGB 193 103 154	#C1679A
66.7%	66.7% #BC5990	RGB 188 89 144	#BC5990
83.3%	83.3% #B74B87	RGB 183 75 135	#B74B87
100.0%	100.0% #B33D7E	RGB 179 61 126	#B33D7E

#CF92B6 #CA83AC #C575A3 #C1679A #BC5990 #B74B87 #B33D7E

#CF92B6 - #B33D7E

HSV Blend

#CF92B6 - #B33D7E | 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 #CF92B6 as 0% and #B33D7E as 100%.

0.0%	0.0% #CF92B6	RGB 207 146 182	#CF92B6
16.7%	16.7% #CA82AC	RGB 202 130 172	#CA82AC
33.3%	33.3% #C573A2	RGB 197 115 162	#C573A2
50.0%	50.0% #C16499	RGB 193 100 153	#C16499
66.7%	66.7% #BC5790	RGB 188 87 144	#BC5790
83.3%	83.3% #B74987	RGB 183 73 135	#B74987
100.0%	100.0% #B33D7E	RGB 179 61 126	#B33D7E

#CF92B6 #CA82AC #C573A2 #C16499 #BC5790 #B74987 #B33D7E

#CF92B6 - #C16499 - #B33D7E

CSS codes

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

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