#DB60D0 - #9F0088 | 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 #DB60D0 to #9F0088

#DB60D0 #9F0088

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

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

0.0%	0.0% #DB60D0	RGB 219 96 208	#DB60D0
16.7%	16.7% #D150C4	RGB 209 80 196	#D150C4
33.3%	33.3% #C740B8	RGB 199 64 184	#C740B8
50.0%	50.0% #BD30AC	RGB 189 48 172	#BD30AC
66.7%	66.7% #B320A0	RGB 179 32 160	#B320A0
83.3%	83.3% #A91094	RGB 169 16 148	#A91094
100.0%	100.0% #9F0088	RGB 159 0 136	#9F0088

#DB60D0 #D150C4 #C740B8 #BD30AC #B320A0 #A91094 #9F0088

#DB60D0 - #9F0088

HSV Blend

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

0.0%	0.0% #DB60D0	RGB 219 96 208	#DB60D0
16.7%	16.7% #D14CC3	RGB 209 76 195	#D14CC3
33.3%	33.3% #C73AB7	RGB 199 58 183	#C73AB7
50.0%	50.0% #BD29AB	RGB 189 41 171	#BD29AB
66.7%	66.7% #B31A9F	RGB 179 26 159	#B31A9F
83.3%	83.3% #A90C93	RGB 169 12 147	#A90C93
100.0%	100.0% #9F0088	RGB 159 0 136	#9F0088

#DB60D0 #D14CC3 #C73AB7 #BD29AB #B31A9F #A90C93 #9F0088

#DB60D0 - #BD29AB - #9F0088

CSS codes

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

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