#A8A8FE - #3F4CD0 | 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 #A8A8FE to #3F4CD0

#A8A8FE #3F4CD0

Calculate the color between two colors, #A8A8FE and #3F4CD0. 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)

#A8A8FE - #3F4CD0 | 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 #A8A8FE as 0% and #3F4CD0 as 100%.

0.0%	0.0% #A8A8FE	RGB 168 168 254	#A8A8FE
16.7%	16.7% #9698F6	RGB 150 152 246	#9698F6
33.3%	33.3% #8589EE	RGB 133 137 238	#8589EE
50.0%	50.0% #737AE7	RGB 115 122 231	#737AE7
66.7%	66.7% #626ADF	RGB 98 106 223	#626ADF
83.3%	83.3% #505BD7	RGB 80 91 215	#505BD7
100.0%	100.0% #3F4CD0	RGB 63 76 208	#3F4CD0

#A8A8FE #9698F6 #8589EE #737AE7 #626ADF #505BD7 #3F4CD0

#A8A8FE - #3F4CD0

HSV Blend

#A8A8FE - #3F4CD0 | 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 #A8A8FE as 0% and #3F4CD0 as 100%.

0.0%	0.0% #A8A8FE	RGB 168 168 254	#A8A8FE
16.7%	16.7% #9495F6	RGB 148 149 246	#9495F6
33.3%	33.3% #8184EE	RGB 129 132 238	#8184EE
50.0%	50.0% #6F74E7	RGB 111 116 231	#6F74E7
66.7%	66.7% #5E66DF	RGB 94 102 223	#5E66DF
83.3%	83.3% #4E58D7	RGB 78 88 215	#4E58D7
100.0%	100.0% #3F4CD0	RGB 63 76 208	#3F4CD0

#A8A8FE #9495F6 #8184EE #6F74E7 #5E66DF #4E58D7 #3F4CD0

#A8A8FE - #6F74E7 - #3F4CD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8FE 0%, #6F74E7 50%, #3F4CD0 100%);
    background: -webkit-linear-gradient(top, #A8A8FE 0%, #6F74E7 50%, #3F4CD0 100%);
    background: linear-gradient(to bottom, #A8A8FE 0%, #6F74E7 50%, #3F4CD0 100%);
}
</style>