#9F445C - #2D131A | 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 #9F445C to #2D131A

#9F445C #2D131A

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

#9F445C - #2D131A | 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 #9F445C as 0% and #2D131A as 100%.

0.0%	0.0% #9F445C	RGB 159 68 92	#9F445C
16.7%	16.7% #8C3B51	RGB 140 59 81	#8C3B51
33.3%	33.3% #793346	RGB 121 51 70	#793346
50.0%	50.0% #662B3B	RGB 102 43 59	#662B3B
66.7%	66.7% #532330	RGB 83 35 48	#532330
83.3%	83.3% #401B25	RGB 64 27 37	#401B25
100.0%	100.0% #2D131A	RGB 45 19 26	#2D131A

#9F445C #8C3B51 #793346 #662B3B #532330 #401B25 #2D131A

#9F445C - #2D131A

HSV Blend

#9F445C - #2D131A | 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 #9F445C as 0% and #2D131A as 100%.

0.0%	0.0% #9F445C	RGB 159 68 92	#9F445C
16.7%	16.7% #8C3B50	RGB 140 59 80	#8C3B50
33.3%	33.3% #793345	RGB 121 51 69	#793345
50.0%	50.0% #662B3A	RGB 102 43 58	#662B3A
66.7%	66.7% #53232F	RGB 83 35 47	#53232F
83.3%	83.3% #401B24	RGB 64 27 36	#401B24
100.0%	100.0% #2D131A	RGB 45 19 26	#2D131A

#9F445C #8C3B50 #793345 #662B3A #53232F #401B24 #2D131A

#9F445C - #662B3A - #2D131A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F445C 0%, #662B3A 50%, #2D131A 100%);
    background: -webkit-linear-gradient(top, #9F445C 0%, #662B3A 50%, #2D131A 100%);
    background: linear-gradient(to bottom, #9F445C 0%, #662B3A 50%, #2D131A 100%);
}
</style>