#DC485C - #8D0014 | 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 #DC485C to #8D0014

#DC485C #8D0014

Calculate the color between two colors, #DC485C and #8D0014. 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)

#DC485C - #8D0014 | 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 #DC485C as 0% and #8D0014 as 100%.

0.0%	0.0% #DC485C	RGB 220 72 92	#DC485C
16.7%	16.7% #CE3C50	RGB 206 60 80	#CE3C50
33.3%	33.3% #C13044	RGB 193 48 68	#C13044
50.0%	50.0% #B42438	RGB 180 36 56	#B42438
66.7%	66.7% #A7182C	RGB 167 24 44	#A7182C
83.3%	83.3% #9A0C20	RGB 154 12 32	#9A0C20
100.0%	100.0% #8D0014	RGB 141 0 20	#8D0014

#DC485C #CE3C50 #C13044 #B42438 #A7182C #9A0C20 #8D0014

#DC485C - #8D0014

HSV Blend

#DC485C - #8D0014 | 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 #DC485C as 0% and #8D0014 as 100%.

0.0%	0.0% #DC485B	RGB 220 72 91	#DC485B
16.7%	16.7% #CE384C	RGB 206 56 76	#CE384C
33.3%	33.3% #C12A3F	RGB 193 42 63	#C12A3F
50.0%	50.0% #B41D32	RGB 180 29 50	#B41D32
66.7%	66.7% #A71227	RGB 167 18 39	#A71227
83.3%	83.3% #9A081C	RGB 154 8 28	#9A081C
100.0%	100.0% #8D0014	RGB 141 0 20	#8D0014

#DC485B #CE384C #C12A3F #B41D32 #A71227 #9A081C #8D0014

#DC485C - #B41D32 - #8D0014

CSS codes

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

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