#193919 - #698246 | 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 #193919 to #698246

#193919 #698246

Calculate the color between two colors, #193919 and #698246. 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)

#193919 - #698246 | 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 #193919 as 0% and #698246 as 100%.

0.0%	0.0% #193919	RGB 25 57 25	#193919
16.7%	16.7% #264520	RGB 38 69 32	#264520
33.3%	33.3% #335128	RGB 51 81 40	#335128
50.0%	50.0% #415D2F	RGB 65 93 47	#415D2F
66.7%	66.7% #4E6937	RGB 78 105 55	#4E6937
83.3%	83.3% #5B753E	RGB 91 117 62	#5B753E
100.0%	100.0% #698246	RGB 105 130 70	#698246

#193919 #264520 #335128 #415D2F #4E6937 #5B753E #698246

#193919 - #698246

HSV Blend

#193919 - #698246 | 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 #193919 as 0% and #698246 as 100%.

0.0%	0.0% #193919	RGB 25 57 25	#193919
16.7%	16.7% #23451F	RGB 35 69 31	#23451F
33.3%	33.3% #2E5126	RGB 46 81 38	#2E5126
50.0%	50.0% #3B5D2D	RGB 59 93 45	#3B5D2D
66.7%	66.7% #496935	RGB 73 105 53	#496935
83.3%	83.3% #58753D	RGB 88 117 61	#58753D
100.0%	100.0% #698246	RGB 105 130 70	#698246

#193919 #23451F #2E5126 #3B5D2D #496935 #58753D #698246

#193919 - #3B5D2D - #698246

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #193919 0%, #3B5D2D 50%, #698246 100%);
    background: -webkit-linear-gradient(top, #193919 0%, #3B5D2D 50%, #698246 100%);
    background: linear-gradient(to bottom, #193919 0%, #3B5D2D 50%, #698246 100%);
}
</style>