#DB9292 - #C0403E | 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 #DB9292 to #C0403E

#DB9292 #C0403E

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

#DB9292 - #C0403E | 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 #DB9292 as 0% and #C0403E as 100%.

0.0%	0.0% #DB9292	RGB 219 146 146	#DB9292
16.7%	16.7% #D68484	RGB 214 132 132	#D68484
33.3%	33.3% #D27676	RGB 210 118 118	#D27676
50.0%	50.0% #CD6968	RGB 205 105 104	#CD6968
66.7%	66.7% #C95B5A	RGB 201 91 90	#C95B5A
83.3%	83.3% #C44D4C	RGB 196 77 76	#C44D4C
100.0%	100.0% #C0403E	RGB 192 64 62	#C0403E

#DB9292 #D68484 #D27676 #CD6968 #C95B5A #C44D4C #C0403E

#DB9292 - #C0403E

HSV Blend

#DB9292 - #C0403E | 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 #DB9292 as 0% and #C0403E as 100%.

0.0%	0.0% #DB9292	RGB 219 146 146	#DB9292
16.7%	16.7% #D68282	RGB 214 130 130	#D68282
33.3%	33.3% #D27473	RGB 210 116 115	#D27473
50.0%	50.0% #CD6665	RGB 205 102 101	#CD6665
66.7%	66.7% #C95957	RGB 201 89 87	#C95957
83.3%	83.3% #C44C4A	RGB 196 76 74	#C44C4A
100.0%	100.0% #C0403E	RGB 192 64 62	#C0403E

#DB9292 #D68282 #D27473 #CD6665 #C95957 #C44C4A #C0403E

#DB9292 - #CD6665 - #C0403E

CSS codes

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

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