#BECFEB - #6182B7 | 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 #BECFEB to #6182B7

#BECFEB #6182B7

Calculate the color between two colors, #BECFEB and #6182B7. 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)

#BECFEB - #6182B7 | 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 #BECFEB as 0% and #6182B7 as 100%.

0.0%	0.0% #BECFEB	RGB 190 207 235	#BECFEB
16.7%	16.7% #AEC2E2	RGB 174 194 226	#AEC2E2
33.3%	33.3% #9FB5D9	RGB 159 181 217	#9FB5D9
50.0%	50.0% #8FA8D1	RGB 143 168 209	#8FA8D1
66.7%	66.7% #809BC8	RGB 128 155 200	#809BC8
83.3%	83.3% #708EBF	RGB 112 142 191	#708EBF
100.0%	100.0% #6182B7	RGB 97 130 183	#6182B7

#BECFEB #AEC2E2 #9FB5D9 #8FA8D1 #809BC8 #708EBF #6182B7

#BECFEB - #6182B7

HSV Blend

#BECFEB - #6182B7 | 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 #BECFEB as 0% and #6182B7 as 100%.

0.0%	0.0% #BECFEB	RGB 190 207 235	#BECFEB
16.7%	16.7% #ACC0E2	RGB 172 192 226	#ACC0E2
33.3%	33.3% #9BB3D9	RGB 155 179 217	#9BB3D9
50.0%	50.0% #8BA6D1	RGB 139 166 209	#8BA6D1
66.7%	66.7% #7C99C8	RGB 124 153 200	#7C99C8
83.3%	83.3% #6E8DBF	RGB 110 141 191	#6E8DBF
100.0%	100.0% #6182B7	RGB 97 130 183	#6182B7

#BECFEB #ACC0E2 #9BB3D9 #8BA6D1 #7C99C8 #6E8DBF #6182B7

#BECFEB - #8BA6D1 - #6182B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BECFEB 0%, #8BA6D1 50%, #6182B7 100%);
    background: -webkit-linear-gradient(top, #BECFEB 0%, #8BA6D1 50%, #6182B7 100%);
    background: linear-gradient(to bottom, #BECFEB 0%, #8BA6D1 50%, #6182B7 100%);
}
</style>