#A8AEFD - #3442CB | 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 #A8AEFD to #3442CB

#A8AEFD #3442CB

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

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

0.0%	0.0% #A8AEFD	RGB 168 174 253	#A8AEFD
16.7%	16.7% #949CF4	RGB 148 156 244	#949CF4
33.3%	33.3% #818AEC	RGB 129 138 236	#818AEC
50.0%	50.0% #6E78E4	RGB 110 120 228	#6E78E4
66.7%	66.7% #5A66DB	RGB 90 102 219	#5A66DB
83.3%	83.3% #4754D3	RGB 71 84 211	#4754D3
100.0%	100.0% #3442CB	RGB 52 66 203	#3442CB

#A8AEFD #949CF4 #818AEC #6E78E4 #5A66DB #4754D3 #3442CB

#A8AEFD - #3442CB

HSV Blend

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

0.0%	0.0% #A8ADFD	RGB 168 173 253	#A8ADFD
16.7%	16.7% #9199F4	RGB 145 153 244	#9199F4
33.3%	33.3% #7C85EC	RGB 124 133 236	#7C85EC
50.0%	50.0% #6872E4	RGB 104 114 228	#6872E4
66.7%	66.7% #5661DB	RGB 86 97 219	#5661DB
83.3%	83.3% #4451D3	RGB 68 81 211	#4451D3
100.0%	100.0% #3442CB	RGB 52 66 203	#3442CB

#A8ADFD #9199F4 #7C85EC #6872E4 #5661DB #4451D3 #3442CB

#A8AEFD - #6872E4 - #3442CB

CSS codes

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

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