#1A3923 - #575C8F | 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 #1A3923 to #575C8F

#1A3923 #575C8F

Calculate the color between two colors, #1A3923 and #575C8F. 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)

#1A3923 - #575C8F | 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 #1A3923 as 0% and #575C8F as 100%.

0.0%	0.0% #1A3923	RGB 26 57 35	#1A3923
16.7%	16.7% #243E35	RGB 36 62 53	#243E35
33.3%	33.3% #2E4447	RGB 46 68 71	#2E4447
50.0%	50.0% #384A59	RGB 56 74 89	#384A59
66.7%	66.7% #42506B	RGB 66 80 107	#42506B
83.3%	83.3% #4C567D	RGB 76 86 125	#4C567D
100.0%	100.0% #575C8F	RGB 87 92 143	#575C8F

#1A3923 #243E35 #2E4447 #384A59 #42506B #4C567D #575C8F

#1A3923 - #575C8F

HSV Blend

#1A3923 - #575C8F | 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 #1A3923 as 0% and #575C8F as 100%.

0.0%	0.0% #1A3923	RGB 26 57 35	#1A3923
16.7%	16.7% #224737	RGB 34 71 55	#224737
33.3%	33.3% #2B554E	RGB 43 85 78	#2B554E
50.0%	50.0% #355F64	RGB 53 95 100	#355F64
66.7%	66.7% #3F5F72	RGB 63 95 114	#3F5F72
83.3%	83.3% #4B5E80	RGB 75 94 128	#4B5E80
100.0%	100.0% #575C8F	RGB 87 92 143	#575C8F

#1A3923 #224737 #2B554E #355F64 #3F5F72 #4B5E80 #575C8F

#1A3923 - #355F64 - #575C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A3923 0%, #355F64 50%, #575C8F 100%);
    background: -webkit-linear-gradient(top, #1A3923 0%, #355F64 50%, #575C8F 100%);
    background: linear-gradient(to bottom, #1A3923 0%, #355F64 50%, #575C8F 100%);
}
</style>