#BA665B - #8F2918 | 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 #BA665B to #8F2918

#BA665B #8F2918

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

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

0.0%	0.0% #BA665B	RGB 186 102 91	#BA665B
16.7%	16.7% #B25B4F	RGB 178 91 79	#B25B4F
33.3%	33.3% #AB5144	RGB 171 81 68	#AB5144
50.0%	50.0% #A44739	RGB 164 71 57	#A44739
66.7%	66.7% #9D3D2E	RGB 157 61 46	#9D3D2E
83.3%	83.3% #963323	RGB 150 51 35	#963323
100.0%	100.0% #8F2918	RGB 143 41 24	#8F2918

#BA665B #B25B4F #AB5144 #A44739 #9D3D2E #963323 #8F2918

#BA665B - #8F2918

HSV Blend

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

0.0%	0.0% #BA665B	RGB 186 102 91	#BA665B
16.7%	16.7% #B25A4D	RGB 178 90 77	#B25A4D
33.3%	33.3% #AB4E41	RGB 171 78 65	#AB4E41
50.0%	50.0% #A44436	RGB 164 68 54	#A44436
66.7%	66.7% #9D3A2B	RGB 157 58 43	#9D3A2B
83.3%	83.3% #963121	RGB 150 49 33	#963121
100.0%	100.0% #8F2918	RGB 143 41 24	#8F2918

#BA665B #B25A4D #AB4E41 #A44436 #9D3A2B #963121 #8F2918

#BA665B - #A44436 - #8F2918

CSS codes

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

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