#DF5B9A - #3F192C | 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 #DF5B9A to #3F192C

#DF5B9A #3F192C

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

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

0.0%	0.0% #DF5B9A	RGB 223 91 154	#DF5B9A
16.7%	16.7% #C45087	RGB 196 80 135	#C45087
33.3%	33.3% #A94575	RGB 169 69 117	#A94575
50.0%	50.0% #8F3A63	RGB 143 58 99	#8F3A63
66.7%	66.7% #742F50	RGB 116 47 80	#742F50
83.3%	83.3% #59243E	RGB 89 36 62	#59243E
100.0%	100.0% #3F192C	RGB 63 25 44	#3F192C

#DF5B9A #C45087 #A94575 #8F3A63 #742F50 #59243E #3F192C

#DF5B9A - #3F192C

HSV Blend

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

0.0%	0.0% #DF5B9A	RGB 223 91 154	#DF5B9A
16.7%	16.7% #C44F87	RGB 196 79 135	#C44F87
33.3%	33.3% #A94475	RGB 169 68 117	#A94475
50.0%	50.0% #8F3963	RGB 143 57 99	#8F3963
66.7%	66.7% #742E50	RGB 116 46 80	#742E50
83.3%	83.3% #59233E	RGB 89 35 62	#59233E
100.0%	100.0% #3F192C	RGB 63 25 44	#3F192C

#DF5B9A #C44F87 #A94475 #8F3963 #742E50 #59233E #3F192C

#DF5B9A - #8F3963 - #3F192C

CSS codes

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

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