#BECDFB - #5B7CCF | 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 #BECDFB to #5B7CCF

#BECDFB #5B7CCF

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

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

0.0%	0.0% #BECDFB	RGB 190 205 251	#BECDFB
16.7%	16.7% #ADBFF3	RGB 173 191 243	#ADBFF3
33.3%	33.3% #9DB2EC	RGB 157 178 236	#9DB2EC
50.0%	50.0% #8CA4E5	RGB 140 164 229	#8CA4E5
66.7%	66.7% #7C97DD	RGB 124 151 221	#7C97DD
83.3%	83.3% #6B89D6	RGB 107 137 214	#6B89D6
100.0%	100.0% #5B7CCF	RGB 91 124 207	#5B7CCF

#BECDFB #ADBFF3 #9DB2EC #8CA4E5 #7C97DD #6B89D6 #5B7CCF

#BECDFB - #5B7CCF

HSV Blend

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

0.0%	0.0% #BECDFB	RGB 190 205 251	#BECDFB
16.7%	16.7% #ABBDF3	RGB 171 189 243	#ABBDF3
33.3%	33.3% #99AFEC	RGB 153 175 236	#99AFEC
50.0%	50.0% #89A1E5	RGB 137 161 229	#89A1E5
66.7%	66.7% #7894DD	RGB 120 148 221	#7894DD
83.3%	83.3% #6987D6	RGB 105 135 214	#6987D6
100.0%	100.0% #5B7CCF	RGB 91 124 207	#5B7CCF

#BECDFB #ABBDF3 #99AFEC #89A1E5 #7894DD #6987D6 #5B7CCF

#BECDFB - #89A1E5 - #5B7CCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BECDFB 0%, #89A1E5 50%, #5B7CCF 100%);
    background: -webkit-linear-gradient(top, #BECDFB 0%, #89A1E5 50%, #5B7CCF 100%);
    background: linear-gradient(to bottom, #BECDFB 0%, #89A1E5 50%, #5B7CCF 100%);
}
</style>