#3EACCE - #B5DAD6 | 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 #3EACCE to #B5DAD6

#3EACCE #B5DAD6

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

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

0.0%	0.0% #3EACCE	RGB 62 172 206	#3EACCE
16.7%	16.7% #51B3CF	RGB 81 179 207	#51B3CF
33.3%	33.3% #65BBD0	RGB 101 187 208	#65BBD0
50.0%	50.0% #79C3D2	RGB 121 195 210	#79C3D2
66.7%	66.7% #8DCAD3	RGB 141 202 211	#8DCAD3
83.3%	83.3% #A1D2D4	RGB 161 210 212	#A1D2D4
100.0%	100.0% #B5DAD6	RGB 181 218 214	#B5DAD6

#3EACCE #51B3CF #65BBD0 #79C3D2 #8DCAD3 #A1D2D4 #B5DAD6

#3EACCE - #B5DAD6

HSV Blend

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

0.0%	0.0% #3EABCE	RGB 62 171 206	#3EABCE
16.7%	16.7% #50B9D0	RGB 80 185 208	#50B9D0
33.3%	33.3% #64C4D2	RGB 100 196 210	#64C4D2
50.0%	50.0% #77CED4	RGB 119 206 212	#77CED4
66.7%	66.7% #8BD5D6	RGB 139 213 214	#8BD5D6
83.3%	83.3% #A0D8D5	RGB 160 216 213	#A0D8D5
100.0%	100.0% #B5DAD6	RGB 181 218 214	#B5DAD6

#3EABCE #50B9D0 #64C4D2 #77CED4 #8BD5D6 #A0D8D5 #B5DAD6

#3EACCE - #77CED4 - #B5DAD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EABCE 0%, #77CED4 50%, #B5DAD6 100%);
    background: -webkit-linear-gradient(top, #3EABCE 0%, #77CED4 50%, #B5DAD6 100%);
    background: linear-gradient(to bottom, #3EABCE 0%, #77CED4 50%, #B5DAD6 100%);
}
</style>