#C0299C - #FE92C5 | 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 #C0299C to #FE92C5

#C0299C #FE92C5

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

#C0299C - #FE92C5 | 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 #C0299C as 0% and #FE92C5 as 100%.

0.0%	0.0% #C0299C	RGB 192 41 156	#C0299C
16.7%	16.7% #CA3AA2	RGB 202 58 162	#CA3AA2
33.3%	33.3% #D44CA9	RGB 212 76 169	#D44CA9
50.0%	50.0% #DF5DB0	RGB 223 93 176	#DF5DB0
66.7%	66.7% #E96FB7	RGB 233 111 183	#E96FB7
83.3%	83.3% #F380BE	RGB 243 128 190	#F380BE
100.0%	100.0% #FE92C5	RGB 254 146 197	#FE92C5

#C0299C #CA3AA2 #D44CA9 #DF5DB0 #E96FB7 #F380BE #FE92C5

#C0299C - #FE92C5

HSV Blend

#C0299C - #FE92C5 | 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 #C0299C as 0% and #FE92C5 as 100%.

0.0%	0.0% #C0289B	RGB 192 40 155	#C0289B
16.7%	16.7% #CA37A0	RGB 202 55 160	#CA37A0
33.3%	33.3% #D447A5	RGB 212 71 165	#D447A5
50.0%	50.0% #DF57AB	RGB 223 87 171	#DF57AB
66.7%	66.7% #E96AB2	RGB 233 106 178	#E96AB2
83.3%	83.3% #F37DBA	RGB 243 125 186	#F37DBA
100.0%	100.0% #FE92C5	RGB 254 146 197	#FE92C5

#C0289B #CA37A0 #D447A5 #DF57AB #E96AB2 #F37DBA #FE92C5

#C0299C - #DF57AB - #FE92C5

CSS codes

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

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