#1ACEA2 - #BDF1E4 | 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 #1ACEA2 to #BDF1E4

#1ACEA2 #BDF1E4

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

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

0.0%	0.0% #1ACEA2	RGB 26 206 162	#1ACEA2
16.7%	16.7% #35D3AD	RGB 53 211 173	#35D3AD
33.3%	33.3% #50D9B8	RGB 80 217 184	#50D9B8
50.0%	50.0% #6BDFC3	RGB 107 223 195	#6BDFC3
66.7%	66.7% #86E5CE	RGB 134 229 206	#86E5CE
83.3%	83.3% #A1EBD9	RGB 161 235 217	#A1EBD9
100.0%	100.0% #BDF1E4	RGB 189 241 228	#BDF1E4

#1ACEA2 #35D3AD #50D9B8 #6BDFC3 #86E5CE #A1EBD9 #BDF1E4

#1ACEA2 - #BDF1E4

HSV Blend

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

0.0%	0.0% #1ACEA1	RGB 26 206 161	#1ACEA1
16.7%	16.7% #31D3AC	RGB 49 211 172	#31D3AC
33.3%	33.3% #4BD9B6	RGB 75 217 182	#4BD9B6
50.0%	50.0% #65DFC1	RGB 101 223 193	#65DFC1
66.7%	66.7% #81E5CC	RGB 129 229 204	#81E5CC
83.3%	83.3% #9EEBD8	RGB 158 235 216	#9EEBD8
100.0%	100.0% #BDF1E4	RGB 189 241 228	#BDF1E4

#1ACEA1 #31D3AC #4BD9B6 #65DFC1 #81E5CC #9EEBD8 #BDF1E4

#1ACEA2 - #65DFC1 - #BDF1E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1ACEA1 0%, #65DFC1 50%, #BDF1E4 100%);
    background: -webkit-linear-gradient(top, #1ACEA1 0%, #65DFC1 50%, #BDF1E4 100%);
    background: linear-gradient(to bottom, #1ACEA1 0%, #65DFC1 50%, #BDF1E4 100%);
}
</style>