#AAEDEB - #35C8C8 | 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 #AAEDEB to #35C8C8

#AAEDEB #35C8C8

Calculate the color between two colors, #AAEDEB and #35C8C8. 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)

#AAEDEB - #35C8C8 | 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 #AAEDEB as 0% and #35C8C8 as 100%.

0.0%	0.0% #AAEDEB	RGB 170 237 235	#AAEDEB
16.7%	16.7% #96E6E5	RGB 150 230 229	#96E6E5
33.3%	33.3% #83E0DF	RGB 131 224 223	#83E0DF
50.0%	50.0% #6FDAD9	RGB 111 218 217	#6FDAD9
66.7%	66.7% #5CD4D3	RGB 92 212 211	#5CD4D3
83.3%	83.3% #48CECD	RGB 72 206 205	#48CECD
100.0%	100.0% #35C8C8	RGB 53 200 200	#35C8C8

#AAEDEB #96E6E5 #83E0DF #6FDAD9 #5CD4D3 #48CECD #35C8C8

#AAEDEB - #35C8C8

HSV Blend

#AAEDEB - #35C8C8 | 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 #AAEDEB as 0% and #35C8C8 as 100%.

0.0%	0.0% #AAEDEB	RGB 170 237 235	#AAEDEB
16.7%	16.7% #94E6E4	RGB 148 230 228	#94E6E4
33.3%	33.3% #7FE0DE	RGB 127 224 222	#7FE0DE
50.0%	50.0% #6BDAD8	RGB 107 218 216	#6BDAD8
66.7%	66.7% #58D4D3	RGB 88 212 211	#58D4D3
83.3%	83.3% #46CECD	RGB 70 206 205	#46CECD
100.0%	100.0% #35C8C8	RGB 53 200 200	#35C8C8

#AAEDEB #94E6E4 #7FE0DE #6BDAD8 #58D4D3 #46CECD #35C8C8

#AAEDEB - #6BDAD8 - #35C8C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAEDEB 0%, #6BDAD8 50%, #35C8C8 100%);
    background: -webkit-linear-gradient(top, #AAEDEB 0%, #6BDAD8 50%, #35C8C8 100%);
    background: linear-gradient(to bottom, #AAEDEB 0%, #6BDAD8 50%, #35C8C8 100%);
}
</style>