#A5E2D8 - #38B7AC | 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 #A5E2D8 to #38B7AC

#A5E2D8 #38B7AC

Calculate the color between two colors, #A5E2D8 and #38B7AC. 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)

#A5E2D8 - #38B7AC | 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 #A5E2D8 as 0% and #38B7AC as 100%.

0.0%	0.0% #A5E2D8	RGB 165 226 216	#A5E2D8
16.7%	16.7% #92DAD0	RGB 146 218 208	#92DAD0
33.3%	33.3% #80D3C9	RGB 128 211 201	#80D3C9
50.0%	50.0% #6ECCC2	RGB 110 204 194	#6ECCC2
66.7%	66.7% #5CC5BA	RGB 92 197 186	#5CC5BA
83.3%	83.3% #4ABEB3	RGB 74 190 179	#4ABEB3
100.0%	100.0% #38B7AC	RGB 56 183 172	#38B7AC

#A5E2D8 #92DAD0 #80D3C9 #6ECCC2 #5CC5BA #4ABEB3 #38B7AC

#A5E2D8 - #38B7AC

HSV Blend

#A5E2D8 - #38B7AC | 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 #A5E2D8 as 0% and #38B7AC as 100%.

0.0%	0.0% #A5E2D8	RGB 165 226 216	#A5E2D8
16.7%	16.7% #90DACF	RGB 144 218 207	#90DACF
33.3%	33.3% #7CD3C7	RGB 124 211 199	#7CD3C7
50.0%	50.0% #69CCC0	RGB 105 204 192	#69CCC0
66.7%	66.7% #58C5B9	RGB 88 197 185	#58C5B9
83.3%	83.3% #47BEB2	RGB 71 190 178	#47BEB2
100.0%	100.0% #38B7AC	RGB 56 183 172	#38B7AC

#A5E2D8 #90DACF #7CD3C7 #69CCC0 #58C5B9 #47BEB2 #38B7AC

#A5E2D8 - #69CCC0 - #38B7AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5E2D8 0%, #69CCC0 50%, #38B7AC 100%);
    background: -webkit-linear-gradient(top, #A5E2D8 0%, #69CCC0 50%, #38B7AC 100%);
    background: linear-gradient(to bottom, #A5E2D8 0%, #69CCC0 50%, #38B7AC 100%);
}
</style>