#B05C5D - #65201F | 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 #B05C5D to #65201F

#B05C5D #65201F

Calculate the color between two colors, #B05C5D and #65201F. 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)

#B05C5D - #65201F | 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 #B05C5D as 0% and #65201F as 100%.

0.0%	0.0% #B05C5D	RGB 176 92 93	#B05C5D
16.7%	16.7% #A35252	RGB 163 82 82	#A35252
33.3%	33.3% #974848	RGB 151 72 72	#974848
50.0%	50.0% #8A3E3E	RGB 138 62 62	#8A3E3E
66.7%	66.7% #7E3433	RGB 126 52 51	#7E3433
83.3%	83.3% #712A29	RGB 113 42 41	#712A29
100.0%	100.0% #65201F	RGB 101 32 31	#65201F

#B05C5D #A35252 #974848 #8A3E3E #7E3433 #712A29 #65201F

#B05C5D - #65201F

HSV Blend

#B05C5D - #65201F | 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 #B05C5D as 0% and #65201F as 100%.

0.0%	0.0% #B05C5D	RGB 176 92 93	#B05C5D
16.7%	16.7% #A34F50	RGB 163 79 80	#A34F50
33.3%	33.3% #974444	RGB 151 68 68	#974444
50.0%	50.0% #8A3939	RGB 138 57 57	#8A3939
66.7%	66.7% #7E302F	RGB 126 48 47	#7E302F
83.3%	83.3% #712726	RGB 113 39 38	#712726
100.0%	100.0% #65201F	RGB 101 32 31	#65201F

#B05C5D #A34F50 #974444 #8A3939 #7E302F #712726 #65201F

#B05C5D - #8A3939 - #65201F

CSS codes

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

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