#DF3BDB - #3F103E | 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 #DF3BDB to #3F103E

#DF3BDB #3F103E

Calculate the color between two colors, #DF3BDB and #3F103E. 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)

#DF3BDB - #3F103E | 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 #DF3BDB as 0% and #3F103E as 100%.

0.0%	0.0% #DF3BDB	RGB 223 59 219	#DF3BDB
16.7%	16.7% #C433C0	RGB 196 51 192	#C433C0
33.3%	33.3% #A92CA6	RGB 169 44 166	#A92CA6
50.0%	50.0% #8F258C	RGB 143 37 140	#8F258C
66.7%	66.7% #741E72	RGB 116 30 114	#741E72
83.3%	83.3% #591758	RGB 89 23 88	#591758
100.0%	100.0% #3F103E	RGB 63 16 62	#3F103E

#DF3BDB #C433C0 #A92CA6 #8F258C #741E72 #591758 #3F103E

#DF3BDB - #3F103E

HSV Blend

#DF3BDB - #3F103E | 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 #DF3BDB as 0% and #3F103E as 100%.

0.0%	0.0% #DF3BDB	RGB 223 59 219	#DF3BDB
16.7%	16.7% #C433C0	RGB 196 51 192	#C433C0
33.3%	33.3% #A92CA6	RGB 169 44 166	#A92CA6
50.0%	50.0% #8F258C	RGB 143 37 140	#8F258C
66.7%	66.7% #741D72	RGB 116 29 114	#741D72
83.3%	83.3% #591658	RGB 89 22 88	#591658
100.0%	100.0% #3F103E	RGB 63 16 62	#3F103E

#DF3BDB #C433C0 #A92CA6 #8F258C #741D72 #591658 #3F103E

#DF3BDB - #8F258C - #3F103E

CSS codes

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

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