#DB6DBC - #9C1076 | 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 #DB6DBC to #9C1076

#DB6DBC #9C1076

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

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

0.0%	0.0% #DB6DBC	RGB 219 109 188	#DB6DBC
16.7%	16.7% #D05DB0	RGB 208 93 176	#D05DB0
33.3%	33.3% #C64EA4	RGB 198 78 164	#C64EA4
50.0%	50.0% #BB3E99	RGB 187 62 153	#BB3E99
66.7%	66.7% #B12F8D	RGB 177 47 141	#B12F8D
83.3%	83.3% #A61F81	RGB 166 31 129	#A61F81
100.0%	100.0% #9C1076	RGB 156 16 118	#9C1076

#DB6DBC #D05DB0 #C64EA4 #BB3E99 #B12F8D #A61F81 #9C1076

#DB6DBC - #9C1076

HSV Blend

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

0.0%	0.0% #DB6DBC	RGB 219 109 188	#DB6DBC
16.7%	16.7% #D05AAF	RGB 208 90 175	#D05AAF
33.3%	33.3% #C648A3	RGB 198 72 163	#C648A3
50.0%	50.0% #BB3897	RGB 187 56 151	#BB3897
66.7%	66.7% #B1298B	RGB 177 41 139	#B1298B
83.3%	83.3% #A61C80	RGB 166 28 128	#A61C80
100.0%	100.0% #9C1076	RGB 156 16 118	#9C1076

#DB6DBC #D05AAF #C648A3 #BB3897 #B1298B #A61C80 #9C1076

#DB6DBC - #BB3897 - #9C1076

CSS codes

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

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