#8685CB - #D4A8FD | 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 #8685CB to #D4A8FD

#8685CB #D4A8FD

Calculate the color between two colors, #8685CB and #D4A8FD. 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)

#8685CB - #D4A8FD | 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 #8685CB as 0% and #D4A8FD as 100%.

0.0%	0.0% #8685CB	RGB 134 133 203	#8685CB
16.7%	16.7% #938AD3	RGB 147 138 211	#938AD3
33.3%	33.3% #A090DB	RGB 160 144 219	#A090DB
50.0%	50.0% #AD96E4	RGB 173 150 228	#AD96E4
66.7%	66.7% #BA9CEC	RGB 186 156 236	#BA9CEC
83.3%	83.3% #C7A2F4	RGB 199 162 244	#C7A2F4
100.0%	100.0% #D4A8FD	RGB 212 168 253	#D4A8FD

#8685CB #938AD3 #A090DB #AD96E4 #BA9CEC #C7A2F4 #D4A8FD

#8685CB - #D4A8FD

HSV Blend

#8685CB - #D4A8FD | 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 #8685CB as 0% and #D4A8FD as 100%.

0.0%	0.0% #8585CB	RGB 133 133 203	#8585CB
16.7%	16.7% #918AD3	RGB 145 138 211	#918AD3
33.3%	33.3% #9E90DB	RGB 158 144 219	#9E90DB
50.0%	50.0% #AB96E4	RGB 171 150 228	#AB96E4
66.7%	66.7% #B89CEC	RGB 184 156 236	#B89CEC
83.3%	83.3% #C5A2F4	RGB 197 162 244	#C5A2F4
100.0%	100.0% #D4A8FD	RGB 212 168 253	#D4A8FD

#8585CB #918AD3 #9E90DB #AB96E4 #B89CEC #C5A2F4 #D4A8FD

#8685CB - #AB96E4 - #D4A8FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8585CB 0%, #AB96E4 50%, #D4A8FD 100%);
    background: -webkit-linear-gradient(top, #8585CB 0%, #AB96E4 50%, #D4A8FD 100%);
    background: linear-gradient(to bottom, #8585CB 0%, #AB96E4 50%, #D4A8FD 100%);
}
</style>