#BFDAE8 - #5E92AC | 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 #BFDAE8 to #5E92AC

#BFDAE8 #5E92AC

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

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

0.0%	0.0% #BFDAE8	RGB 191 218 232	#BFDAE8
16.7%	16.7% #AECEDE	RGB 174 206 222	#AECEDE
33.3%	33.3% #9EC2D4	RGB 158 194 212	#9EC2D4
50.0%	50.0% #8EB6CA	RGB 142 182 202	#8EB6CA
66.7%	66.7% #7EAAC0	RGB 126 170 192	#7EAAC0
83.3%	83.3% #6E9EB6	RGB 110 158 182	#6E9EB6
100.0%	100.0% #5E92AC	RGB 94 146 172	#5E92AC

#BFDAE8 #AECEDE #9EC2D4 #8EB6CA #7EAAC0 #6E9EB6 #5E92AC

#BFDAE8 - #5E92AC

HSV Blend

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

0.0%	0.0% #BFDAE8	RGB 191 218 232	#BFDAE8
16.7%	16.7% #ACCDDE	RGB 172 205 222	#ACCDDE
33.3%	33.3% #9AC0D4	RGB 154 192 212	#9AC0D4
50.0%	50.0% #8AB4CA	RGB 138 180 202	#8AB4CA
66.7%	66.7% #7AA8C0	RGB 122 168 192	#7AA8C0
83.3%	83.3% #6B9DB6	RGB 107 157 182	#6B9DB6
100.0%	100.0% #5E92AC	RGB 94 146 172	#5E92AC

#BFDAE8 #ACCDDE #9AC0D4 #8AB4CA #7AA8C0 #6B9DB6 #5E92AC

#BFDAE8 - #8AB4CA - #5E92AC

CSS codes

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

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