#DB64C2 - #9F0076 | 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 #DB64C2 to #9F0076

#DB64C2 #9F0076

Calculate the color between two colors, #DB64C2 and #9F0076. 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)

#DB64C2 - #9F0076 | 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 #DB64C2 as 0% and #9F0076 as 100%.

0.0%	0.0% #DB64C2	RGB 219 100 194	#DB64C2
16.7%	16.7% #D153B5	RGB 209 83 181	#D153B5
33.3%	33.3% #C742A8	RGB 199 66 168	#C742A8
50.0%	50.0% #BD329C	RGB 189 50 156	#BD329C
66.7%	66.7% #B3218F	RGB 179 33 143	#B3218F
83.3%	83.3% #A91082	RGB 169 16 130	#A91082
100.0%	100.0% #9F0076	RGB 159 0 118	#9F0076

#DB64C2 #D153B5 #C742A8 #BD329C #B3218F #A91082 #9F0076

#DB64C2 - #9F0076

HSV Blend

#DB64C2 - #9F0076 | 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 #DB64C2 as 0% and #9F0076 as 100%.

0.0%	0.0% #DB64C2	RGB 219 100 194	#DB64C2
16.7%	16.7% #D14FB4	RGB 209 79 180	#D14FB4
33.3%	33.3% #C73CA7	RGB 199 60 167	#C73CA7
50.0%	50.0% #BD2B9A	RGB 189 43 154	#BD2B9A
66.7%	66.7% #B31B8E	RGB 179 27 142	#B31B8E
83.3%	83.3% #A90C81	RGB 169 12 129	#A90C81
100.0%	100.0% #9F0076	RGB 159 0 118	#9F0076

#DB64C2 #D14FB4 #C73CA7 #BD2B9A #B31B8E #A90C81 #9F0076

#DB64C2 - #BD2B9A - #9F0076

CSS codes

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

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