#399D5E - #D5E482 | 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 #399D5E to #D5E482

#399D5E #D5E482

Calculate the color between two colors, #399D5E and #D5E482. 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)

#399D5E - #D5E482 | 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 #399D5E as 0% and #D5E482 as 100%.

0.0%	0.0% #399D5E	RGB 57 157 94	#399D5E
16.7%	16.7% #53A864	RGB 83 168 100	#53A864
33.3%	33.3% #6DB46A	RGB 109 180 106	#6DB46A
50.0%	50.0% #87C070	RGB 135 192 112	#87C070
66.7%	66.7% #A1CC76	RGB 161 204 118	#A1CC76
83.3%	83.3% #BBD87C	RGB 187 216 124	#BBD87C
100.0%	100.0% #D5E482	RGB 213 228 130	#D5E482

#399D5E #53A864 #6DB46A #87C070 #A1CC76 #BBD87C #D5E482

#399D5E - #D5E482

HSV Blend

#399D5E - #D5E482 | 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 #399D5E as 0% and #D5E482 as 100%.

0.0%	0.0% #399D5D	RGB 57 157 93	#399D5D
16.7%	16.7% #43A854	RGB 67 168 84	#43A854
33.3%	33.3% #51B44E	RGB 81 180 78	#51B44E
50.0%	50.0% #72C059	RGB 114 192 89	#72C059
66.7%	66.7% #93CC66	RGB 147 204 102	#93CC66
83.3%	83.3% #B4D873	RGB 180 216 115	#B4D873
100.0%	100.0% #D5E482	RGB 213 228 130	#D5E482

#399D5D #43A854 #51B44E #72C059 #93CC66 #B4D873 #D5E482

#399D5E - #72C059 - #D5E482

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #399D5D 0%, #72C059 50%, #D5E482 100%);
    background: -webkit-linear-gradient(top, #399D5D 0%, #72C059 50%, #D5E482 100%);
    background: linear-gradient(to bottom, #399D5D 0%, #72C059 50%, #D5E482 100%);
}
</style>