#DB5A5E - #891922 | 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 #DB5A5E to #891922

#DB5A5E #891922

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

#DB5A5E - #891922 | 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 #DB5A5E as 0% and #891922 as 100%.

0.0%	0.0% #DB5A5E	RGB 219 90 94	#DB5A5E
16.7%	16.7% #CD4F54	RGB 205 79 84	#CD4F54
33.3%	33.3% #BF444A	RGB 191 68 74	#BF444A
50.0%	50.0% #B23940	RGB 178 57 64	#B23940
66.7%	66.7% #A42E36	RGB 164 46 54	#A42E36
83.3%	83.3% #96232C	RGB 150 35 44	#96232C
100.0%	100.0% #891922	RGB 137 25 34	#891922

#DB5A5E #CD4F54 #BF444A #B23940 #A42E36 #96232C #891922

#DB5A5E - #891922

HSV Blend

#DB5A5E - #891922 | 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 #DB5A5E as 0% and #891922 as 100%.

0.0%	0.0% #DB5A5E	RGB 219 90 94	#DB5A5E
16.7%	16.7% #CD4C51	RGB 205 76 81	#CD4C51
33.3%	33.3% #BF4046	RGB 191 64 70	#BF4046
50.0%	50.0% #B2343B	RGB 178 52 59	#B2343B
66.7%	66.7% #A42A32	RGB 164 42 50	#A42A32
83.3%	83.3% #962129	RGB 150 33 41	#962129
100.0%	100.0% #891922	RGB 137 25 34	#891922

#DB5A5E #CD4C51 #BF4046 #B2343B #A42A32 #962129 #891922

#DB5A5E - #B2343B - #891922

CSS codes

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

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