#B05157 - #62191C | 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 #B05157 to #62191C

#B05157 #62191C

Calculate the color between two colors, #B05157 and #62191C. 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)

#B05157 - #62191C | 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 #B05157 as 0% and #62191C as 100%.

0.0%	0.0% #B05157	RGB 176 81 87	#B05157
16.7%	16.7% #A3474D	RGB 163 71 77	#A3474D
33.3%	33.3% #963E43	RGB 150 62 67	#963E43
50.0%	50.0% #893539	RGB 137 53 57	#893539
66.7%	66.7% #7C2B2F	RGB 124 43 47	#7C2B2F
83.3%	83.3% #6F2225	RGB 111 34 37	#6F2225
100.0%	100.0% #62191C	RGB 98 25 28	#62191C

#B05157 #A3474D #963E43 #893539 #7C2B2F #6F2225 #62191C

#B05157 - #62191C

HSV Blend

#B05157 - #62191C | 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 #B05157 as 0% and #62191C as 100%.

0.0%	0.0% #B05056	RGB 176 80 86	#B05056
16.7%	16.7% #A3454B	RGB 163 69 75	#A3454B
33.3%	33.3% #963A3F	RGB 150 58 63	#963A3F
50.0%	50.0% #893135	RGB 137 49 53	#893135
66.7%	66.7% #7C282C	RGB 124 40 44	#7C282C
83.3%	83.3% #6F2023	RGB 111 32 35	#6F2023
100.0%	100.0% #62191C	RGB 98 25 28	#62191C

#B05056 #A3454B #963A3F #893135 #7C282C #6F2023 #62191C

#B05157 - #893135 - #62191C

CSS codes

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

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