#1AEDDC - #BDF9F5 | 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 #1AEDDC to #BDF9F5

#1AEDDC #BDF9F5

Calculate the color between two colors, #1AEDDC and #BDF9F5. 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)

#1AEDDC - #BDF9F5 | 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 #1AEDDC as 0% and #BDF9F5 as 100%.

0.0%	0.0% #1AEDDC	RGB 26 237 220	#1AEDDC
16.7%	16.7% #35EFE0	RGB 53 239 224	#35EFE0
33.3%	33.3% #50F1E4	RGB 80 241 228	#50F1E4
50.0%	50.0% #6BF3E8	RGB 107 243 232	#6BF3E8
66.7%	66.7% #86F5EC	RGB 134 245 236	#86F5EC
83.3%	83.3% #A1F7F0	RGB 161 247 240	#A1F7F0
100.0%	100.0% #BDF9F5	RGB 189 249 245	#BDF9F5

#1AEDDC #35EFE0 #50F1E4 #6BF3E8 #86F5EC #A1F7F0 #BDF9F5

#1AEDDC - #BDF9F5

HSV Blend

#1AEDDC - #BDF9F5 | 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 #1AEDDC as 0% and #BDF9F5 as 100%.

0.0%	0.0% #19EDDC	RGB 25 237 220	#19EDDC
16.7%	16.7% #34EFE0	RGB 52 239 224	#34EFE0
33.3%	33.3% #4EF1E4	RGB 78 241 228	#4EF1E4
50.0%	50.0% #69F3E8	RGB 105 243 232	#69F3E8
66.7%	66.7% #84F5ED	RGB 132 245 237	#84F5ED
83.3%	83.3% #A0F7F1	RGB 160 247 241	#A0F7F1
100.0%	100.0% #BDF9F5	RGB 189 249 245	#BDF9F5

#19EDDC #34EFE0 #4EF1E4 #69F3E8 #84F5ED #A0F7F1 #BDF9F5

#1AEDDC - #69F3E8 - #BDF9F5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19EDDC 0%, #69F3E8 50%, #BDF9F5 100%);
    background: -webkit-linear-gradient(top, #19EDDC 0%, #69F3E8 50%, #BDF9F5 100%);
    background: linear-gradient(to bottom, #19EDDC 0%, #69F3E8 50%, #BDF9F5 100%);
}
</style>