#A1B2FF - #2E2DCD | 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 #A1B2FF to #2E2DCD

#A1B2FF #2E2DCD

Calculate the color between two colors, #A1B2FF and #2E2DCD. 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)

#A1B2FF - #2E2DCD | 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 #A1B2FF as 0% and #2E2DCD as 100%.

0.0%	0.0% #A1B2FF	RGB 161 178 255	#A1B2FF
16.7%	16.7% #8D9BF6	RGB 141 155 246	#8D9BF6
33.3%	33.3% #7A85EE	RGB 122 133 238	#7A85EE
50.0%	50.0% #676FE6	RGB 103 111 230	#676FE6
66.7%	66.7% #5459DD	RGB 84 89 221	#5459DD
83.3%	83.3% #4143D5	RGB 65 67 213	#4143D5
100.0%	100.0% #2E2DCD	RGB 46 45 205	#2E2DCD

#A1B2FF #8D9BF6 #7A85EE #676FE6 #5459DD #4143D5 #2E2DCD

#A1B2FF - #2E2DCD

HSV Blend

#A1B2FF - #2E2DCD | 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 #A1B2FF as 0% and #2E2DCD as 100%.

0.0%	0.0% #A1B2FF	RGB 161 178 255	#A1B2FF
16.7%	16.7% #8A9AF6	RGB 138 154 246	#8A9AF6
33.3%	33.3% #7584EE	RGB 117 132 238	#7584EE
50.0%	50.0% #616DE6	RGB 97 109 230	#616DE6
66.7%	66.7% #4F57DD	RGB 79 87 221	#4F57DD
83.3%	83.3% #3D41D5	RGB 61 65 213	#3D41D5
100.0%	100.0% #2E2DCD	RGB 46 45 205	#2E2DCD

#A1B2FF #8A9AF6 #7584EE #616DE6 #4F57DD #3D41D5 #2E2DCD

#A1B2FF - #616DE6 - #2E2DCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1B2FF 0%, #616DE6 50%, #2E2DCD 100%);
    background: -webkit-linear-gradient(top, #A1B2FF 0%, #616DE6 50%, #2E2DCD 100%);
    background: linear-gradient(to bottom, #A1B2FF 0%, #616DE6 50%, #2E2DCD 100%);
}
</style>