#3AB8C2 - #DEEBCC | 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 #3AB8C2 to #DEEBCC

#3AB8C2 #DEEBCC

Calculate the color between two colors, #3AB8C2 and #DEEBCC. 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)

#3AB8C2 - #DEEBCC | 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 #3AB8C2 as 0% and #DEEBCC as 100%.

0.0%	0.0% #3AB8C2	RGB 58 184 194	#3AB8C2
16.7%	16.7% #55C0C3	RGB 85 192 195	#55C0C3
33.3%	33.3% #70C9C5	RGB 112 201 197	#70C9C5
50.0%	50.0% #8CD1C7	RGB 140 209 199	#8CD1C7
66.7%	66.7% #A7DAC8	RGB 167 218 200	#A7DAC8
83.3%	83.3% #C2E2CA	RGB 194 226 202	#C2E2CA
100.0%	100.0% #DEEBCC	RGB 222 235 204	#DEEBCC

#3AB8C2 #55C0C3 #70C9C5 #8CD1C7 #A7DAC8 #C2E2CA #DEEBCC

#3AB8C2 - #DEEBCC

HSV Blend

#3AB8C2 - #DEEBCC | 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 #3AB8C2 as 0% and #DEEBCC as 100%.

0.0%	0.0% #3AB8C2	RGB 58 184 194	#3AB8C2
16.7%	16.7% #4FC8B0	RGB 79 200 176	#4FC8B0
33.3%	33.3% #65CF9C	RGB 101 207 156	#65CF9C
50.0%	50.0% #7DD693	RGB 125 214 147	#7DD693
66.7%	66.7% #98DD96	RGB 152 221 150	#98DD96
83.3%	83.3% #C0E4B0	RGB 192 228 176	#C0E4B0
100.0%	100.0% #DEEBCC	RGB 222 235 204	#DEEBCC

#3AB8C2 #4FC8B0 #65CF9C #7DD693 #98DD96 #C0E4B0 #DEEBCC

#3AB8C2 - #7DD693 - #DEEBCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AB8C2 0%, #7DD693 50%, #DEEBCC 100%);
    background: -webkit-linear-gradient(top, #3AB8C2 0%, #7DD693 50%, #DEEBCC 100%);
    background: linear-gradient(to bottom, #3AB8C2 0%, #7DD693 50%, #DEEBCC 100%);
}
</style>