#BDDDFE - #5E92D6 | 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 #BDDDFE to #5E92D6

#BDDDFE #5E92D6

Calculate the color between two colors, #BDDDFE and #5E92D6. 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)

#BDDDFE - #5E92D6 | 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 #BDDDFE as 0% and #5E92D6 as 100%.

0.0%	0.0% #BDDDFE	RGB 189 221 254	#BDDDFE
16.7%	16.7% #ADD0F7	RGB 173 208 247	#ADD0F7
33.3%	33.3% #9DC4F0	RGB 157 196 240	#9DC4F0
50.0%	50.0% #8DB7EA	RGB 141 183 234	#8DB7EA
66.7%	66.7% #7DABE3	RGB 125 171 227	#7DABE3
83.3%	83.3% #6D9EDC	RGB 109 158 220	#6D9EDC
100.0%	100.0% #5E92D6	RGB 94 146 214	#5E92D6

#BDDDFE #ADD0F7 #9DC4F0 #8DB7EA #7DABE3 #6D9EDC #5E92D6

#BDDDFE - #5E92D6

HSV Blend

#BDDDFE - #5E92D6 | 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 #BDDDFE as 0% and #5E92D6 as 100%.

0.0%	0.0% #BDDDFE	RGB 189 221 254	#BDDDFE
16.7%	16.7% #ABD0F7	RGB 171 208 247	#ABD0F7
33.3%	33.3% #9AC3F0	RGB 154 195 240	#9AC3F0
50.0%	50.0% #8AB6EA	RGB 138 182 234	#8AB6EA
66.7%	66.7% #7AAAE3	RGB 122 170 227	#7AAAE3
83.3%	83.3% #6C9EDC	RGB 108 158 220	#6C9EDC
100.0%	100.0% #5E92D6	RGB 94 146 214	#5E92D6

#BDDDFE #ABD0F7 #9AC3F0 #8AB6EA #7AAAE3 #6C9EDC #5E92D6

#BDDDFE - #8AB6EA - #5E92D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDDDFE 0%, #8AB6EA 50%, #5E92D6 100%);
    background: -webkit-linear-gradient(top, #BDDDFE 0%, #8AB6EA 50%, #5E92D6 100%);
    background: linear-gradient(to bottom, #BDDDFE 0%, #8AB6EA 50%, #5E92D6 100%);
}
</style>