#DB7093 - #9B1846 | 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 #DB7093 to #9B1846

#DB7093 #9B1846

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

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

0.0%	0.0% #DB7093	RGB 219 112 147	#DB7093
16.7%	16.7% #D06186	RGB 208 97 134	#D06186
33.3%	33.3% #C55279	RGB 197 82 121	#C55279
50.0%	50.0% #BB446C	RGB 187 68 108	#BB446C
66.7%	66.7% #B0355F	RGB 176 53 95	#B0355F
83.3%	83.3% #A52652	RGB 165 38 82	#A52652
100.0%	100.0% #9B1846	RGB 155 24 70	#9B1846

#DB7093 #D06186 #C55279 #BB446C #B0355F #A52652 #9B1846

#DB7093 - #9B1846

HSV Blend

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

0.0%	0.0% #DB7093	RGB 219 112 147	#DB7093
16.7%	16.7% #D05E83	RGB 208 94 131	#D05E83
33.3%	33.3% #C54D75	RGB 197 77 117	#C54D75
50.0%	50.0% #BB3E68	RGB 187 62 104	#BB3E68
66.7%	66.7% #B0305C	RGB 176 48 92	#B0305C
83.3%	83.3% #A52350	RGB 165 35 80	#A52350
100.0%	100.0% #9B1846	RGB 155 24 70	#9B1846

#DB7093 #D05E83 #C54D75 #BB3E68 #B0305C #A52350 #9B1846

#DB7093 - #BB3E68 - #9B1846

CSS codes

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

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