#DF3D93 - #8C0048 | 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 #DF3D93 to #8C0048

#DF3D93 #8C0048

Calculate the color between two colors, #DF3D93 and #8C0048. 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)

#DF3D93 - #8C0048 | 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 #DF3D93 as 0% and #8C0048 as 100%.

0.0%	0.0% #DF3D93	RGB 223 61 147	#DF3D93
16.7%	16.7% #D13286	RGB 209 50 134	#D13286
33.3%	33.3% #C3287A	RGB 195 40 122	#C3287A
50.0%	50.0% #B51E6D	RGB 181 30 109	#B51E6D
66.7%	66.7% #A71461	RGB 167 20 97	#A71461
83.3%	83.3% #990A54	RGB 153 10 84	#990A54
100.0%	100.0% #8C0048	RGB 140 0 72	#8C0048

#DF3D93 #D13286 #C3287A #B51E6D #A71461 #990A54 #8C0048

#DF3D93 - #8C0048

HSV Blend

#DF3D93 - #8C0048 | 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 #DF3D93 as 0% and #8C0048 as 100%.

0.0%	0.0% #DF3D93	RGB 223 61 147	#DF3D93
16.7%	16.7% #D12F84	RGB 209 47 132	#D12F84
33.3%	33.3% #C32377	RGB 195 35 119	#C32377
50.0%	50.0% #B5186A	RGB 181 24 106	#B5186A
66.7%	66.7% #A70F5E	RGB 167 15 94	#A70F5E
83.3%	83.3% #990752	RGB 153 7 82	#990752
100.0%	100.0% #8C0048	RGB 140 0 72	#8C0048

#DF3D93 #D12F84 #C32377 #B5186A #A70F5E #990752 #8C0048

#DF3D93 - #B5186A - #8C0048

CSS codes

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

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