#34B5E5 - #BDE6DD | 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 #34B5E5 to #BDE6DD

#34B5E5 #BDE6DD

Calculate the color between two colors, #34B5E5 and #BDE6DD. 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)

#34B5E5 - #BDE6DD | 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 #34B5E5 as 0% and #BDE6DD as 100%.

0.0%	0.0% #34B5E5	RGB 52 181 229	#34B5E5
16.7%	16.7% #4ABDE3	RGB 74 189 227	#4ABDE3
33.3%	33.3% #61C5E2	RGB 97 197 226	#61C5E2
50.0%	50.0% #78CDE1	RGB 120 205 225	#78CDE1
66.7%	66.7% #8FD5DF	RGB 143 213 223	#8FD5DF
83.3%	83.3% #A6DDDE	RGB 166 221 222	#A6DDDE
100.0%	100.0% #BDE6DD	RGB 189 230 221	#BDE6DD

#34B5E5 #4ABDE3 #61C5E2 #78CDE1 #8FD5DF #A6DDDE #BDE6DD

#34B5E5 - #BDE6DD

HSV Blend

#34B5E5 - #BDE6DD | 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 #34B5E5 as 0% and #BDE6DD as 100%.

0.0%	0.0% #34B5E5	RGB 52 181 229	#34B5E5
16.7%	16.7% #4AC7E5	RGB 74 199 229	#4AC7E5
33.3%	33.3% #61D7E5	RGB 97 215 229	#61D7E5
50.0%	50.0% #78E2E5	RGB 120 226 229	#78E2E5
66.7%	66.7% #8FE5E0	RGB 143 229 224	#8FE5E0
83.3%	83.3% #A6E5DD	RGB 166 229 221	#A6E5DD
100.0%	100.0% #BDE6DD	RGB 189 230 221	#BDE6DD

#34B5E5 #4AC7E5 #61D7E5 #78E2E5 #8FE5E0 #A6E5DD #BDE6DD

#34B5E5 - #78E2E5 - #BDE6DD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34B5E5 0%, #78E2E5 50%, #BDE6DD 100%);
    background: -webkit-linear-gradient(top, #34B5E5 0%, #78E2E5 50%, #BDE6DD 100%);
    background: linear-gradient(to bottom, #34B5E5 0%, #78E2E5 50%, #BDE6DD 100%);
}
</style>