#8F83C7 - #B6DFD0 | 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 #8F83C7 to #B6DFD0

#8F83C7 #B6DFD0

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

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

0.0%	0.0% #8F83C7	RGB 143 131 199	#8F83C7
16.7%	16.7% #9592C8	RGB 149 146 200	#9592C8
33.3%	33.3% #9CA1CA	RGB 156 161 202	#9CA1CA
50.0%	50.0% #A2B1CB	RGB 162 177 203	#A2B1CB
66.7%	66.7% #A9C0CD	RGB 169 192 205	#A9C0CD
83.3%	83.3% #AFCFCE	RGB 175 207 206	#AFCFCE
100.0%	100.0% #B6DFD0	RGB 182 223 208	#B6DFD0

#8F83C7 #9592C8 #9CA1CA #A2B1CB #A9C0CD #AFCFCE #B6DFD0

#8F83C7 - #B6DFD0

HSV Blend

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

0.0%	0.0% #8F83C7	RGB 143 131 199	#8F83C7
16.7%	16.7% #8A90CB	RGB 138 144 203	#8A90CB
33.3%	33.3% #93A7CF	RGB 147 167 207	#93A7CF
50.0%	50.0% #9BBCD3	RGB 155 188 211	#9BBCD3
66.7%	66.7% #A4CFD7	RGB 164 207 215	#A4CFD7
83.3%	83.3% #ACDBD5	RGB 172 219 213	#ACDBD5
100.0%	100.0% #B6DFD0	RGB 182 223 208	#B6DFD0

#8F83C7 #8A90CB #93A7CF #9BBCD3 #A4CFD7 #ACDBD5 #B6DFD0

#8F83C7 - #9BBCD3 - #B6DFD0

CSS codes

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

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