#5E665F - #25271E | 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 #5E665F to #25271E

#5E665F #25271E

Calculate the color between two colors, #5E665F and #25271E. 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)

#5E665F - #25271E | 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 #5E665F as 0% and #25271E as 100%.

0.0%	0.0% #5E665F	RGB 94 102 95	#5E665F
16.7%	16.7% #545B54	RGB 84 91 84	#545B54
33.3%	33.3% #4B5149	RGB 75 81 73	#4B5149
50.0%	50.0% #41463E	RGB 65 70 62	#41463E
66.7%	66.7% #383C33	RGB 56 60 51	#383C33
83.3%	83.3% #2E3128	RGB 46 49 40	#2E3128
100.0%	100.0% #25271E	RGB 37 39 30	#25271E

#5E665F #545B54 #4B5149 #41463E #383C33 #2E3128 #25271E

#5E665F - #25271E

HSV Blend

#5E665F - #25271E | 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 #5E665F as 0% and #25271E as 100%.

0.0%	0.0% #5E665F	RGB 94 102 95	#5E665F
16.7%	16.7% #525B52	RGB 82 91 82	#525B52
33.3%	33.3% #485146	RGB 72 81 70	#485146
50.0%	50.0% #3F463B	RGB 63 70 59	#3F463B
66.7%	66.7% #363C31	RGB 54 60 49	#363C31
83.3%	83.3% #2D3127	RGB 45 49 39	#2D3127
100.0%	100.0% #25271E	RGB 37 39 30	#25271E

#5E665F #525B52 #485146 #3F463B #363C31 #2D3127 #25271E

#5E665F - #3F463B - #25271E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E665F 0%, #3F463B 50%, #25271E 100%);
    background: -webkit-linear-gradient(top, #5E665F 0%, #3F463B 50%, #25271E 100%);
    background: linear-gradient(to bottom, #5E665F 0%, #3F463B 50%, #25271E 100%);
}
</style>