#DB5B9F - #970051 | 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 #DB5B9F to #970051

#DB5B9F #970051

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

#DB5B9F - #970051 | 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 #DB5B9F as 0% and #970051 as 100%.

0.0%	0.0% #DB5B9F	RGB 219 91 159	#DB5B9F
16.7%	16.7% #CF4B92	RGB 207 75 146	#CF4B92
33.3%	33.3% #C43C85	RGB 196 60 133	#C43C85
50.0%	50.0% #B92D78	RGB 185 45 120	#B92D78
66.7%	66.7% #AD1E6B	RGB 173 30 107	#AD1E6B
83.3%	83.3% #A20F5E	RGB 162 15 94	#A20F5E
100.0%	100.0% #970051	RGB 151 0 81	#970051

#DB5B9F #CF4B92 #C43C85 #B92D78 #AD1E6B #A20F5E #970051

#DB5B9F - #970051

HSV Blend

#DB5B9F - #970051 | 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 #DB5B9F as 0% and #970051 as 100%.

0.0%	0.0% #DB5B9F	RGB 219 91 159	#DB5B9F
16.7%	16.7% #CF4790	RGB 207 71 144	#CF4790
33.3%	33.3% #C43682	RGB 196 54 130	#C43682
50.0%	50.0% #B92674	RGB 185 38 116	#B92674
66.7%	66.7% #AD1868	RGB 173 24 104	#AD1868
83.3%	83.3% #A20B5C	RGB 162 11 92	#A20B5C
100.0%	100.0% #970051	RGB 151 0 81	#970051

#DB5B9F #CF4790 #C43682 #B92674 #AD1868 #A20B5C #970051

#DB5B9F - #B92674 - #970051

CSS codes

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

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