#D26A8C - #901640 | 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 #D26A8C to #901640

#D26A8C #901640

Calculate the color between two colors, #D26A8C and #901640. 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)

#D26A8C - #901640 | 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 #D26A8C as 0% and #901640 as 100%.

0.0%	0.0% #D26A8C	RGB 210 106 140	#D26A8C
16.7%	16.7% #C75C7F	RGB 199 92 127	#C75C7F
33.3%	33.3% #BC4E72	RGB 188 78 114	#BC4E72
50.0%	50.0% #B14066	RGB 177 64 102	#B14066
66.7%	66.7% #A63259	RGB 166 50 89	#A63259
83.3%	83.3% #9B244C	RGB 155 36 76	#9B244C
100.0%	100.0% #901640	RGB 144 22 64	#901640

#D26A8C #C75C7F #BC4E72 #B14066 #A63259 #9B244C #901640

#D26A8C - #901640

HSV Blend

#D26A8C - #901640 | 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 #D26A8C as 0% and #901640 as 100%.

0.0%	0.0% #D26A8C	RGB 210 106 140	#D26A8C
16.7%	16.7% #C7587D	RGB 199 88 125	#C7587D
33.3%	33.3% #BC486F	RGB 188 72 111	#BC486F
50.0%	50.0% #B13A62	RGB 177 58 98	#B13A62
66.7%	66.7% #A62C55	RGB 166 44 85	#A62C55
83.3%	83.3% #9B204A	RGB 155 32 74	#9B204A
100.0%	100.0% #901640	RGB 144 22 64	#901640

#D26A8C #C7587D #BC486F #B13A62 #A62C55 #9B204A #901640

#D26A8C - #B13A62 - #901640

CSS codes

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

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