#75DC6F - #213E1F | 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 #75DC6F to #213E1F

#75DC6F #213E1F

Calculate the color between two colors, #75DC6F and #213E1F. 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)

#75DC6F - #213E1F | 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 #75DC6F as 0% and #213E1F as 100%.

0.0%	0.0% #75DC6F	RGB 117 220 111	#75DC6F
16.7%	16.7% #67C161	RGB 103 193 97	#67C161
33.3%	33.3% #59A754	RGB 89 167 84	#59A754
50.0%	50.0% #4B8D47	RGB 75 141 71	#4B8D47
66.7%	66.7% #3D7239	RGB 61 114 57	#3D7239
83.3%	83.3% #2F582C	RGB 47 88 44	#2F582C
100.0%	100.0% #213E1F	RGB 33 62 31	#213E1F

#75DC6F #67C161 #59A754 #4B8D47 #3D7239 #2F582C #213E1F

#75DC6F - #213E1F

HSV Blend

#75DC6F - #213E1F | 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 #75DC6F as 0% and #213E1F as 100%.

0.0%	0.0% #75DC6F	RGB 117 220 111	#75DC6F
16.7%	16.7% #67C161	RGB 103 193 97	#67C161
33.3%	33.3% #59A754	RGB 89 167 84	#59A754
50.0%	50.0% #4B8D46	RGB 75 141 70	#4B8D46
66.7%	66.7% #3D7239	RGB 61 114 57	#3D7239
83.3%	83.3% #2F582C	RGB 47 88 44	#2F582C
100.0%	100.0% #213E1F	RGB 33 62 31	#213E1F

#75DC6F #67C161 #59A754 #4B8D46 #3D7239 #2F582C #213E1F

#75DC6F - #4B8D46 - #213E1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75DC6F 0%, #4B8D46 50%, #213E1F 100%);
    background: -webkit-linear-gradient(top, #75DC6F 0%, #4B8D46 50%, #213E1F 100%);
    background: linear-gradient(to bottom, #75DC6F 0%, #4B8D46 50%, #213E1F 100%);
}
</style>