#BFD9EB - #668EB8 | 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 #BFD9EB to #668EB8

#BFD9EB #668EB8

Calculate the color between two colors, #BFD9EB and #668EB8. 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)

#BFD9EB - #668EB8 | 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 #BFD9EB as 0% and #668EB8 as 100%.

0.0%	0.0% #BFD9EB	RGB 191 217 235	#BFD9EB
16.7%	16.7% #B0CCE2	RGB 176 204 226	#B0CCE2
33.3%	33.3% #A1C0DA	RGB 161 192 218	#A1C0DA
50.0%	50.0% #92B3D1	RGB 146 179 209	#92B3D1
66.7%	66.7% #83A7C9	RGB 131 167 201	#83A7C9
83.3%	83.3% #749AC0	RGB 116 154 192	#749AC0
100.0%	100.0% #668EB8	RGB 102 142 184	#668EB8

#BFD9EB #B0CCE2 #A1C0DA #92B3D1 #83A7C9 #749AC0 #668EB8

#BFD9EB - #668EB8

HSV Blend

#BFD9EB - #668EB8 | 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 #BFD9EB as 0% and #668EB8 as 100%.

0.0%	0.0% #BFD9EB	RGB 191 217 235	#BFD9EB
16.7%	16.7% #AECCE2	RGB 174 204 226	#AECCE2
33.3%	33.3% #9EBFDA	RGB 158 191 218	#9EBFDA
50.0%	50.0% #8FB2D1	RGB 143 178 209	#8FB2D1
66.7%	66.7% #80A6C9	RGB 128 166 201	#80A6C9
83.3%	83.3% #739AC0	RGB 115 154 192	#739AC0
100.0%	100.0% #668EB8	RGB 102 142 184	#668EB8

#BFD9EB #AECCE2 #9EBFDA #8FB2D1 #80A6C9 #739AC0 #668EB8

#BFD9EB - #8FB2D1 - #668EB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD9EB 0%, #8FB2D1 50%, #668EB8 100%);
    background: -webkit-linear-gradient(top, #BFD9EB 0%, #8FB2D1 50%, #668EB8 100%);
    background: linear-gradient(to bottom, #BFD9EB 0%, #8FB2D1 50%, #668EB8 100%);
}
</style>