#3E928C - #AFD39B | 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 #3E928C to #AFD39B

#3E928C #AFD39B

Calculate the color between two colors, #3E928C and #AFD39B. 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)

#3E928C - #AFD39B | 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 #3E928C as 0% and #AFD39B as 100%.

0.0%	0.0% #3E928C	RGB 62 146 140	#3E928C
16.7%	16.7% #509C8E	RGB 80 156 142	#509C8E
33.3%	33.3% #63A791	RGB 99 167 145	#63A791
50.0%	50.0% #76B293	RGB 118 178 147	#76B293
66.7%	66.7% #89BD96	RGB 137 189 150	#89BD96
83.3%	83.3% #9CC898	RGB 156 200 152	#9CC898
100.0%	100.0% #AFD39B	RGB 175 211 155	#AFD39B

#3E928C #509C8E #63A791 #76B293 #89BD96 #9CC898 #AFD39B

#3E928C - #AFD39B

HSV Blend

#3E928C - #AFD39B | 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 #3E928C as 0% and #AFD39B as 100%.

0.0%	0.0% #3E928C	RGB 62 146 140	#3E928C
16.7%	16.7% #4A9C85	RGB 74 156 133	#4A9C85
33.3%	33.3% #58A780	RGB 88 167 128	#58A780
50.0%	50.0% #67B27C	RGB 103 178 124	#67B27C
66.7%	66.7% #77BD7C	RGB 119 189 124	#77BD7C
83.3%	83.3% #91C888	RGB 145 200 136	#91C888
100.0%	100.0% #AFD39B	RGB 175 211 155	#AFD39B

#3E928C #4A9C85 #58A780 #67B27C #77BD7C #91C888 #AFD39B

#3E928C - #67B27C - #AFD39B

CSS codes

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

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