#858DFE - #E3DDFB | 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 #858DFE to #E3DDFB

#858DFE #E3DDFB

Calculate the color between two colors, #858DFE and #E3DDFB. 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)

#858DFE - #E3DDFB | 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 #858DFE as 0% and #E3DDFB as 100%.

0.0%	0.0% #858DFE	RGB 133 141 254	#858DFE
16.7%	16.7% #949AFD	RGB 148 154 253	#949AFD
33.3%	33.3% #A4A7FD	RGB 164 167 253	#A4A7FD
50.0%	50.0% #B4B5FC	RGB 180 181 252	#B4B5FC
66.7%	66.7% #C3C2FC	RGB 195 194 252	#C3C2FC
83.3%	83.3% #D3CFFB	RGB 211 207 251	#D3CFFB
100.0%	100.0% #E3DDFB	RGB 227 221 251	#E3DDFB

#858DFE #949AFD #A4A7FD #B4B5FC #C3C2FC #D3CFFB #E3DDFB

#858DFE - #E3DDFB

HSV Blend

#858DFE - #E3DDFB | 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 #858DFE as 0% and #E3DDFB as 100%.

0.0%	0.0% #858CFE	RGB 133 140 254	#858CFE
16.7%	16.7% #9396FD	RGB 147 150 253	#9396FD
33.3%	33.3% #A4A2FD	RGB 164 162 253	#A4A2FD
50.0%	50.0% #B6B1FC	RGB 182 177 252	#B6B1FC
66.7%	66.7% #C6BFFC	RGB 198 191 252	#C6BFFC
83.3%	83.3% #D5CEFB	RGB 213 206 251	#D5CEFB
100.0%	100.0% #E3DDFB	RGB 227 221 251	#E3DDFB

#858CFE #9396FD #A4A2FD #B6B1FC #C6BFFC #D5CEFB #E3DDFB

#858DFE - #B6B1FC - #E3DDFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #858CFE 0%, #B6B1FC 50%, #E3DDFB 100%);
    background: -webkit-linear-gradient(top, #858CFE 0%, #B6B1FC 50%, #E3DDFB 100%);
    background: linear-gradient(to bottom, #858CFE 0%, #B6B1FC 50%, #E3DDFB 100%);
}
</style>