#6B111B - #AB3E5E | 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 #6B111B to #AB3E5E

#6B111B #AB3E5E

Calculate the color between two colors, #6B111B and #AB3E5E. 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)

#6B111B - #AB3E5E | 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 #6B111B as 0% and #AB3E5E as 100%.

0.0%	0.0% #6B111B	RGB 107 17 27	#6B111B
16.7%	16.7% #751826	RGB 117 24 38	#751826
33.3%	33.3% #802031	RGB 128 32 49	#802031
50.0%	50.0% #8B273C	RGB 139 39 60	#8B273C
66.7%	66.7% #952F47	RGB 149 47 71	#952F47
83.3%	83.3% #A03652	RGB 160 54 82	#A03652
100.0%	100.0% #AB3E5E	RGB 171 62 94	#AB3E5E

#6B111B #751826 #802031 #8B273C #952F47 #A03652 #AB3E5E

#6B111B - #AB3E5E

HSV Blend

#6B111B - #AB3E5E | 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 #6B111B as 0% and #AB3E5E as 100%.

0.0%	0.0% #6B111A	RGB 107 17 26	#6B111A
16.7%	16.7% #751624	RGB 117 22 36	#751624
33.3%	33.3% #801D2E	RGB 128 29 46	#801D2E
50.0%	50.0% #8B2439	RGB 139 36 57	#8B2439
66.7%	66.7% #952C44	RGB 149 44 68	#952C44
83.3%	83.3% #A03451	RGB 160 52 81	#A03451
100.0%	100.0% #AB3E5E	RGB 171 62 94	#AB3E5E

#6B111A #751624 #801D2E #8B2439 #952C44 #A03451 #AB3E5E

#6B111B - #8B2439 - #AB3E5E

CSS codes

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

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