#DB005B - #970A61 | 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 #DB005B to #970A61

#DB005B #970A61

Calculate the color between two colors, #DB005B and #970A61. 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)

#DB005B - #970A61 | 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 #DB005B as 0% and #970A61 as 100%.

0.0%	0.0% #DB005B	RGB 219 0 91	#DB005B
16.7%	16.7% #CF015C	RGB 207 1 92	#CF015C
33.3%	33.3% #C4035D	RGB 196 3 93	#C4035D
50.0%	50.0% #B9055E	RGB 185 5 94	#B9055E
66.7%	66.7% #AD065F	RGB 173 6 95	#AD065F
83.3%	83.3% #A20860	RGB 162 8 96	#A20860
100.0%	100.0% #970A61	RGB 151 10 97	#970A61

#DB005B #CF015C #C4035D #B9055E #AD065F #A20860 #970A61

#DB005B - #970A61

HSV Blend

#DB005B - #970A61 | 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 #DB005B as 0% and #970A61 as 100%.

0.0%	0.0% #DB005A	RGB 219 0 90	#DB005A
16.7%	16.7% #CF025E	RGB 207 2 94	#CF025E
33.3%	33.3% #C40461	RGB 196 4 97	#C40461
50.0%	50.0% #B90662	RGB 185 6 98	#B90662
66.7%	66.7% #AD0762	RGB 173 7 98	#AD0762
83.3%	83.3% #A20862	RGB 162 8 98	#A20862
100.0%	100.0% #970A61	RGB 151 10 97	#970A61

#DB005A #CF025E #C40461 #B90662 #AD0762 #A20862 #970A61

#DB005B - #B90662 - #970A61

CSS codes

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

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