#B04E5E - #63151F | 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 #B04E5E to #63151F

#B04E5E #63151F

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

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

0.0%	0.0% #B04E5E	RGB 176 78 94	#B04E5E
16.7%	16.7% #A34453	RGB 163 68 83	#A34453
33.3%	33.3% #963B49	RGB 150 59 73	#963B49
50.0%	50.0% #89313E	RGB 137 49 62	#89313E
66.7%	66.7% #7C2834	RGB 124 40 52	#7C2834
83.3%	83.3% #6F1E29	RGB 111 30 41	#6F1E29
100.0%	100.0% #63151F	RGB 99 21 31	#63151F

#B04E5E #A34453 #963B49 #89313E #7C2834 #6F1E29 #63151F

#B04E5E - #63151F

HSV Blend

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

0.0%	0.0% #B04E5E	RGB 176 78 94	#B04E5E
16.7%	16.7% #A34251	RGB 163 66 81	#A34251
33.3%	33.3% #963745	RGB 150 55 69	#963745
50.0%	50.0% #892D3A	RGB 137 45 58	#892D3A
66.7%	66.7% #7C2430	RGB 124 36 48	#7C2430
83.3%	83.3% #6F1C27	RGB 111 28 39	#6F1C27
100.0%	100.0% #63151F	RGB 99 21 31	#63151F

#B04E5E #A34251 #963745 #892D3A #7C2430 #6F1C27 #63151F

#B04E5E - #892D3A - #63151F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B04E5E 0%, #892D3A 50%, #63151F 100%);
    background: -webkit-linear-gradient(top, #B04E5E 0%, #892D3A 50%, #63151F 100%);
    background: linear-gradient(to bottom, #B04E5E 0%, #892D3A 50%, #63151F 100%);
}
</style>