#827FD3 - #DADAF2 | 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 #827FD3 to #DADAF2

#827FD3 #DADAF2

Calculate the color between two colors, #827FD3 and #DADAF2. 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)

#827FD3 - #DADAF2 | 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 #827FD3 as 0% and #DADAF2 as 100%.

0.0%	0.0% #827FD3	RGB 130 127 211	#827FD3
16.7%	16.7% #908ED8	RGB 144 142 216	#908ED8
33.3%	33.3% #9F9DDD	RGB 159 157 221	#9F9DDD
50.0%	50.0% #AEACE2	RGB 174 172 226	#AEACE2
66.7%	66.7% #BCBBE7	RGB 188 187 231	#BCBBE7
83.3%	83.3% #CBCAEC	RGB 203 202 236	#CBCAEC
100.0%	100.0% #DADAF2	RGB 218 218 242	#DADAF2

#827FD3 #908ED8 #9F9DDD #AEACE2 #BCBBE7 #CBCAEC #DADAF2

#827FD3 - #DADAF2

HSV Blend

#827FD3 - #DADAF2 | 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 #827FD3 as 0% and #DADAF2 as 100%.

0.0%	0.0% #827FD3	RGB 130 127 211	#827FD3
16.7%	16.7% #8F8CD8	RGB 143 140 216	#8F8CD8
33.3%	33.3% #9C9BDD	RGB 156 155 221	#9C9BDD
50.0%	50.0% #ABAAE2	RGB 171 170 226	#ABAAE2
66.7%	66.7% #BAB9E7	RGB 186 185 231	#BAB9E7
83.3%	83.3% #C9C9EC	RGB 201 201 236	#C9C9EC
100.0%	100.0% #DADAF2	RGB 218 218 242	#DADAF2

#827FD3 #8F8CD8 #9C9BDD #ABAAE2 #BAB9E7 #C9C9EC #DADAF2

#827FD3 - #ABAAE2 - #DADAF2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #827FD3 0%, #ABAAE2 50%, #DADAF2 100%);
    background: -webkit-linear-gradient(top, #827FD3 0%, #ABAAE2 50%, #DADAF2 100%);
    background: linear-gradient(to bottom, #827FD3 0%, #ABAAE2 50%, #DADAF2 100%);
}
</style>