#95CF8C - #379B2D | 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 #95CF8C to #379B2D

#95CF8C #379B2D

Calculate the color between two colors, #95CF8C and #379B2D. 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)

#95CF8C - #379B2D | 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 #95CF8C as 0% and #379B2D as 100%.

0.0%	0.0% #95CF8C	RGB 149 207 140	#95CF8C
16.7%	16.7% #85C67C	RGB 133 198 124	#85C67C
33.3%	33.3% #75BD6C	RGB 117 189 108	#75BD6C
50.0%	50.0% #66B55C	RGB 102 181 92	#66B55C
66.7%	66.7% #56AC4C	RGB 86 172 76	#56AC4C
83.3%	83.3% #46A33C	RGB 70 163 60	#46A33C
100.0%	100.0% #379B2D	RGB 55 155 45	#379B2D

#95CF8C #85C67C #75BD6C #66B55C #56AC4C #46A33C #379B2D

#95CF8C - #379B2D

HSV Blend

#95CF8C - #379B2D | 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 #95CF8C as 0% and #379B2D as 100%.

0.0%	0.0% #95CF8C	RGB 149 207 140	#95CF8C
16.7%	16.7% #83C679	RGB 131 198 121	#83C679
33.3%	33.3% #72BD67	RGB 114 189 103	#72BD67
50.0%	50.0% #62B557	RGB 98 181 87	#62B557
66.7%	66.7% #52AC48	RGB 82 172 72	#52AC48
83.3%	83.3% #44A33A	RGB 68 163 58	#44A33A
100.0%	100.0% #379B2D	RGB 55 155 45	#379B2D

#95CF8C #83C679 #72BD67 #62B557 #52AC48 #44A33A #379B2D

#95CF8C - #62B557 - #379B2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95CF8C 0%, #62B557 50%, #379B2D 100%);
    background: -webkit-linear-gradient(top, #95CF8C 0%, #62B557 50%, #379B2D 100%);
    background: linear-gradient(to bottom, #95CF8C 0%, #62B557 50%, #379B2D 100%);
}
</style>