#8CADFD - #BED8F0 | 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 #8CADFD to #BED8F0

#8CADFD #BED8F0

Calculate the color between two colors, #8CADFD and #BED8F0. 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)

#8CADFD - #BED8F0 | 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 #8CADFD as 0% and #BED8F0 as 100%.

0.0%	0.0% #8CADFD	RGB 140 173 253	#8CADFD
16.7%	16.7% #94B4FA	RGB 148 180 250	#94B4FA
33.3%	33.3% #9CBBF8	RGB 156 187 248	#9CBBF8
50.0%	50.0% #A5C2F6	RGB 165 194 246	#A5C2F6
66.7%	66.7% #ADC9F4	RGB 173 201 244	#ADC9F4
83.3%	83.3% #B5D0F2	RGB 181 208 242	#B5D0F2
100.0%	100.0% #BED8F0	RGB 190 216 240	#BED8F0

#8CADFD #94B4FA #9CBBF8 #A5C2F6 #ADC9F4 #B5D0F2 #BED8F0

#8CADFD - #BED8F0

HSV Blend

#8CADFD - #BED8F0 | 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 #8CADFD as 0% and #BED8F0 as 100%.

0.0%	0.0% #8CACFD	RGB 140 172 253	#8CACFD
16.7%	16.7% #94B6FA	RGB 148 182 250	#94B6FA
33.3%	33.3% #9DBEF8	RGB 157 190 248	#9DBEF8
50.0%	50.0% #A5C6F6	RGB 165 198 246	#A5C6F6
66.7%	66.7% #AECDF4	RGB 174 205 244	#AECDF4
83.3%	83.3% #B6D3F2	RGB 182 211 242	#B6D3F2
100.0%	100.0% #BED8F0	RGB 190 216 240	#BED8F0

#8CACFD #94B6FA #9DBEF8 #A5C6F6 #AECDF4 #B6D3F2 #BED8F0

#8CADFD - #A5C6F6 - #BED8F0

CSS codes

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

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