#3A896C - #075E4C | 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 #3A896C to #075E4C

#3A896C #075E4C

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

#3A896C - #075E4C | 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 #3A896C as 0% and #075E4C as 100%.

0.0%	0.0% #3A896C	RGB 58 137 108	#3A896C
16.7%	16.7% #318166	RGB 49 129 102	#318166
33.3%	33.3% #297A61	RGB 41 122 97	#297A61
50.0%	50.0% #20735C	RGB 32 115 92	#20735C
66.7%	66.7% #186C56	RGB 24 108 86	#186C56
83.3%	83.3% #0F6551	RGB 15 101 81	#0F6551
100.0%	100.0% #075E4C	RGB 7 94 76	#075E4C

#3A896C #318166 #297A61 #20735C #186C56 #0F6551 #075E4C

#3A896C - #075E4C

HSV Blend

#3A896C - #075E4C | 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 #3A896C as 0% and #075E4C as 100%.

0.0%	0.0% #3A896C	RGB 58 137 108	#3A896C
16.7%	16.7% #2F8165	RGB 47 129 101	#2F8165
33.3%	33.3% #257A60	RGB 37 122 96	#257A60
50.0%	50.0% #1C735A	RGB 28 115 90	#1C735A
66.7%	66.7% #146C55	RGB 20 108 85	#146C55
83.3%	83.3% #0D6550	RGB 13 101 80	#0D6550
100.0%	100.0% #075E4C	RGB 7 94 76	#075E4C

#3A896C #2F8165 #257A60 #1C735A #146C55 #0D6550 #075E4C

#3A896C - #1C735A - #075E4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A896C 0%, #1C735A 50%, #075E4C 100%);
    background: -webkit-linear-gradient(top, #3A896C 0%, #1C735A 50%, #075E4C 100%);
    background: linear-gradient(to bottom, #3A896C 0%, #1C735A 50%, #075E4C 100%);
}
</style>