#826FCE - #B7E2D0 | 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 #826FCE to #B7E2D0

#826FCE #B7E2D0

Calculate the color between two colors, #826FCE and #B7E2D0. 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)

#826FCE - #B7E2D0 | 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 #826FCE as 0% and #B7E2D0 as 100%.

0.0%	0.0% #826FCE	RGB 130 111 206	#826FCE
16.7%	16.7% #8A82CE	RGB 138 130 206	#8A82CE
33.3%	33.3% #9395CE	RGB 147 149 206	#9395CE
50.0%	50.0% #9CA8CF	RGB 156 168 207	#9CA8CF
66.7%	66.7% #A5BBCF	RGB 165 187 207	#A5BBCF
83.3%	83.3% #AECECF	RGB 174 206 207	#AECECF
100.0%	100.0% #B7E2D0	RGB 183 226 208	#B7E2D0

#826FCE #8A82CE #9395CE #9CA8CF #A5BBCF #AECECF #B7E2D0

#826FCE - #B7E2D0

HSV Blend

#826FCE - #B7E2D0 | 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 #826FCE as 0% and #B7E2D0 as 100%.

0.0%	0.0% #826FCE	RGB 130 111 206	#826FCE
16.7%	16.7% #7A80D1	RGB 122 128 209	#7A80D1
33.3%	33.3% #85A0D4	RGB 133 160 212	#85A0D4
50.0%	50.0% #91BCD8	RGB 145 188 216	#91BCD8
66.7%	66.7% #9DD3DB	RGB 157 211 219	#9DD3DB
83.3%	83.3% #AADED6	RGB 170 222 214	#AADED6
100.0%	100.0% #B7E2D0	RGB 183 226 208	#B7E2D0

#826FCE #7A80D1 #85A0D4 #91BCD8 #9DD3DB #AADED6 #B7E2D0

#826FCE - #91BCD8 - #B7E2D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #826FCE 0%, #91BCD8 50%, #B7E2D0 100%);
    background: -webkit-linear-gradient(top, #826FCE 0%, #91BCD8 50%, #B7E2D0 100%);
    background: linear-gradient(to bottom, #826FCE 0%, #91BCD8 50%, #B7E2D0 100%);
}
</style>