#A1EDCE - #33B27A | 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 #A1EDCE to #33B27A

#A1EDCE #33B27A

Calculate the color between two colors, #A1EDCE and #33B27A. 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)

#A1EDCE - #33B27A | 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 #A1EDCE as 0% and #33B27A as 100%.

0.0%	0.0% #A1EDCE	RGB 161 237 206	#A1EDCE
16.7%	16.7% #8EE3C0	RGB 142 227 192	#8EE3C0
33.3%	33.3% #7CD9B2	RGB 124 217 178	#7CD9B2
50.0%	50.0% #6ACFA4	RGB 106 207 164	#6ACFA4
66.7%	66.7% #57C596	RGB 87 197 150	#57C596
83.3%	83.3% #45BB88	RGB 69 187 136	#45BB88
100.0%	100.0% #33B27A	RGB 51 178 122	#33B27A

#A1EDCE #8EE3C0 #7CD9B2 #6ACFA4 #57C596 #45BB88 #33B27A

#A1EDCE - #33B27A

HSV Blend

#A1EDCE - #33B27A | 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 #A1EDCE as 0% and #33B27A as 100%.

0.0%	0.0% #A1EDCE	RGB 161 237 206	#A1EDCE
16.7%	16.7% #8BE3BE	RGB 139 227 190	#8BE3BE
33.3%	33.3% #77D9B0	RGB 119 217 176	#77D9B0
50.0%	50.0% #64CFA1	RGB 100 207 161	#64CFA1
66.7%	66.7% #52C594	RGB 82 197 148	#52C594
83.3%	83.3% #42BB86	RGB 66 187 134	#42BB86
100.0%	100.0% #33B27A	RGB 51 178 122	#33B27A

#A1EDCE #8BE3BE #77D9B0 #64CFA1 #52C594 #42BB86 #33B27A

#A1EDCE - #64CFA1 - #33B27A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1EDCE 0%, #64CFA1 50%, #33B27A 100%);
    background: -webkit-linear-gradient(top, #A1EDCE 0%, #64CFA1 50%, #33B27A 100%);
    background: linear-gradient(to bottom, #A1EDCE 0%, #64CFA1 50%, #33B27A 100%);
}
</style>