#DF3CC7 - #92007E | 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 #DF3CC7 to #92007E

#DF3CC7 #92007E

Calculate the color between two colors, #DF3CC7 and #92007E. 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)

#DF3CC7 - #92007E | 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 #DF3CC7 as 0% and #92007E as 100%.

0.0%	0.0% #DF3CC7	RGB 223 60 199	#DF3CC7
16.7%	16.7% #D232BA	RGB 210 50 186	#D232BA
33.3%	33.3% #C528AE	RGB 197 40 174	#C528AE
50.0%	50.0% #B81EA2	RGB 184 30 162	#B81EA2
66.7%	66.7% #AB1496	RGB 171 20 150	#AB1496
83.3%	83.3% #9E0A8A	RGB 158 10 138	#9E0A8A
100.0%	100.0% #92007E	RGB 146 0 126	#92007E

#DF3CC7 #D232BA #C528AE #B81EA2 #AB1496 #9E0A8A #92007E

#DF3CC7 - #92007E

HSV Blend

#DF3CC7 - #92007E | 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 #DF3CC7 as 0% and #92007E as 100%.

0.0%	0.0% #DF3CC7	RGB 223 60 199	#DF3CC7
16.7%	16.7% #D22FBA	RGB 210 47 186	#D22FBA
33.3%	33.3% #C523AE	RGB 197 35 174	#C523AE
50.0%	50.0% #B818A1	RGB 184 24 161	#B818A1
66.7%	66.7% #AB0F95	RGB 171 15 149	#AB0F95
83.3%	83.3% #9E0789	RGB 158 7 137	#9E0789
100.0%	100.0% #92007E	RGB 146 0 126	#92007E

#DF3CC7 #D22FBA #C523AE #B818A1 #AB0F95 #9E0789 #92007E

#DF3CC7 - #B818A1 - #92007E

CSS codes

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

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