#2F482E - #5E95BC | 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 #2F482E to #5E95BC

#2F482E #5E95BC

Calculate the color between two colors, #2F482E and #5E95BC. 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)

#2F482E - #5E95BC | 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 #2F482E as 0% and #5E95BC as 100%.

0.0%	0.0% #2F482E	RGB 47 72 46	#2F482E
16.7%	16.7% #365445	RGB 54 84 69	#365445
33.3%	33.3% #3E615D	RGB 62 97 93	#3E615D
50.0%	50.0% #466E75	RGB 70 110 117	#466E75
66.7%	66.7% #4E7B8C	RGB 78 123 140	#4E7B8C
83.3%	83.3% #5688A4	RGB 86 136 164	#5688A4
100.0%	100.0% #5E95BC	RGB 94 149 188	#5E95BC

#2F482E #365445 #3E615D #466E75 #4E7B8C #5688A4 #5E95BC

#2F482E - #5E95BC

HSV Blend

#2F482E - #5E95BC | 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 #2F482E as 0% and #5E95BC as 100%.

0.0%	0.0% #2F482E	RGB 47 72 46	#2F482E
16.7%	16.7% #385B3F	RGB 56 91 63	#385B3F
33.3%	33.3% #416E55	RGB 65 110 85	#416E55
50.0%	50.0% #4A8270	RGB 74 130 112	#4A8270
66.7%	66.7% #519590	RGB 81 149 144	#519590
83.3%	83.3% #589AA8	RGB 88 154 168	#589AA8
100.0%	100.0% #5E95BC	RGB 94 149 188	#5E95BC

#2F482E #385B3F #416E55 #4A8270 #519590 #589AA8 #5E95BC

#2F482E - #4A8270 - #5E95BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F482E 0%, #4A8270 50%, #5E95BC 100%);
    background: -webkit-linear-gradient(top, #2F482E 0%, #4A8270 50%, #5E95BC 100%);
    background: linear-gradient(to bottom, #2F482E 0%, #4A8270 50%, #5E95BC 100%);
}
</style>