#939DF2 - #BBD1ED | 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 #939DF2 to #BBD1ED

#939DF2 #BBD1ED

Calculate the color between two colors, #939DF2 and #BBD1ED. 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)

#939DF2 - #BBD1ED | 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 #939DF2 as 0% and #BBD1ED as 100%.

0.0%	0.0% #939DF2	RGB 147 157 242	#939DF2
16.7%	16.7% #99A5F1	RGB 153 165 241	#99A5F1
33.3%	33.3% #A0AEF0	RGB 160 174 240	#A0AEF0
50.0%	50.0% #A7B7EF	RGB 167 183 239	#A7B7EF
66.7%	66.7% #ADBFEE	RGB 173 191 238	#ADBFEE
83.3%	83.3% #B4C8ED	RGB 180 200 237	#B4C8ED
100.0%	100.0% #BBD1ED	RGB 187 209 237	#BBD1ED

#939DF2 #99A5F1 #A0AEF0 #A7B7EF #ADBFEE #B4C8ED #BBD1ED

#939DF2 - #BBD1ED

HSV Blend

#939DF2 - #BBD1ED | 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 #939DF2 as 0% and #BBD1ED as 100%.

0.0%	0.0% #939CF2	RGB 147 156 242	#939CF2
16.7%	16.7% #99A7F1	RGB 153 167 241	#99A7F1
33.3%	33.3% #A0B1F0	RGB 160 177 240	#A0B1F0
50.0%	50.0% #A7BAEF	RGB 167 186 239	#A7BAEF
66.7%	66.7% #ADC3EE	RGB 173 195 238	#ADC3EE
83.3%	83.3% #B4CAED	RGB 180 202 237	#B4CAED
100.0%	100.0% #BBD1ED	RGB 187 209 237	#BBD1ED

#939CF2 #99A7F1 #A0B1F0 #A7BAEF #ADC3EE #B4CAED #BBD1ED

#939DF2 - #A7BAEF - #BBD1ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #939CF2 0%, #A7BAEF 50%, #BBD1ED 100%);
    background: -webkit-linear-gradient(top, #939CF2 0%, #A7BAEF 50%, #BBD1ED 100%);
    background: linear-gradient(to bottom, #939CF2 0%, #A7BAEF 50%, #BBD1ED 100%);
}
</style>