#829AEC - #DBB8FD | 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 #829AEC to #DBB8FD

#829AEC #DBB8FD

Calculate the color between two colors, #829AEC and #DBB8FD. 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)

#829AEC - #DBB8FD | 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 #829AEC as 0% and #DBB8FD as 100%.

0.0%	0.0% #829AEC	RGB 130 154 236	#829AEC
16.7%	16.7% #909FEE	RGB 144 159 238	#909FEE
33.3%	33.3% #9FA4F1	RGB 159 164 241	#9FA4F1
50.0%	50.0% #AEA9F4	RGB 174 169 244	#AEA9F4
66.7%	66.7% #BDAEF7	RGB 189 174 247	#BDAEF7
83.3%	83.3% #CCB3FA	RGB 204 179 250	#CCB3FA
100.0%	100.0% #DBB8FD	RGB 219 184 253	#DBB8FD

#829AEC #909FEE #9FA4F1 #AEA9F4 #BDAEF7 #CCB3FA #DBB8FD

#829AEC - #DBB8FD

HSV Blend

#829AEC - #DBB8FD | 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 #829AEC as 0% and #DBB8FD as 100%.

0.0%	0.0% #829AEC	RGB 130 154 236	#829AEC
16.7%	16.7% #8A95EE	RGB 138 149 238	#8A95EE
33.3%	33.3% #9593F1	RGB 149 147 241	#9593F1
50.0%	50.0% #A89CF4	RGB 168 156 244	#A89CF4
66.7%	66.7% #BAA5F7	RGB 186 165 247	#BAA5F7
83.3%	83.3% #CBAEFA	RGB 203 174 250	#CBAEFA
100.0%	100.0% #DBB8FD	RGB 219 184 253	#DBB8FD

#829AEC #8A95EE #9593F1 #A89CF4 #BAA5F7 #CBAEFA #DBB8FD

#829AEC - #A89CF4 - #DBB8FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #829AEC 0%, #A89CF4 50%, #DBB8FD 100%);
    background: -webkit-linear-gradient(top, #829AEC 0%, #A89CF4 50%, #DBB8FD 100%);
    background: linear-gradient(to bottom, #829AEC 0%, #A89CF4 50%, #DBB8FD 100%);
}
</style>