#130505 - #42363B | 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 #130505 to #42363B

#130505 #42363B

Calculate the color between two colors, #130505 and #42363B. 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)

#130505 - #42363B | 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 #130505 as 0% and #42363B as 100%.

0.0%	0.0% #130505	RGB 19 5 5	#130505
16.7%	16.7% #1A0D0E	RGB 26 13 14	#1A0D0E
33.3%	33.3% #221517	RGB 34 21 23	#221517
50.0%	50.0% #2A1D20	RGB 42 29 32	#2A1D20
66.7%	66.7% #322529	RGB 50 37 41	#322529
83.3%	83.3% #3A2D32	RGB 58 45 50	#3A2D32
100.0%	100.0% #42363B	RGB 66 54 59	#42363B

#130505 #1A0D0E #221517 #2A1D20 #322529 #3A2D32 #42363B

#130505 - #42363B

HSV Blend

#130505 - #42363B | 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 #130505 as 0% and #42363B as 100%.

0.0%	0.0% #130505	RGB 19 5 5	#130505
16.7%	16.7% #1A090A	RGB 26 9 10	#1A090A
33.3%	33.3% #220F12	RGB 34 15 18	#220F12
50.0%	50.0% #2A161B	RGB 42 22 27	#2A161B
66.7%	66.7% #321F24	RGB 50 31 36	#321F24
83.3%	83.3% #3A2A2F	RGB 58 42 47	#3A2A2F
100.0%	100.0% #42363B	RGB 66 54 59	#42363B

#130505 #1A090A #220F12 #2A161B #321F24 #3A2A2F #42363B

#130505 - #2A161B - #42363B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #130505 0%, #2A161B 50%, #42363B 100%);
    background: -webkit-linear-gradient(top, #130505 0%, #2A161B 50%, #42363B 100%);
    background: linear-gradient(to bottom, #130505 0%, #2A161B 50%, #42363B 100%);
}
</style>