#A8ACEB - #4457B4 | 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 #A8ACEB to #4457B4

#A8ACEB #4457B4

Calculate the color between two colors, #A8ACEB and #4457B4. 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)

#A8ACEB - #4457B4 | 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 #A8ACEB as 0% and #4457B4 as 100%.

0.0%	0.0% #A8ACEB	RGB 168 172 235	#A8ACEB
16.7%	16.7% #979DE1	RGB 151 157 225	#979DE1
33.3%	33.3% #868FD8	RGB 134 143 216	#868FD8
50.0%	50.0% #7681CF	RGB 118 129 207	#7681CF
66.7%	66.7% #6573C6	RGB 101 115 198	#6573C6
83.3%	83.3% #5465BD	RGB 84 101 189	#5465BD
100.0%	100.0% #4457B4	RGB 68 87 180	#4457B4

#A8ACEB #979DE1 #868FD8 #7681CF #6573C6 #5465BD #4457B4

#A8ACEB - #4457B4

HSV Blend

#A8ACEB - #4457B4 | 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 #A8ACEB as 0% and #4457B4 as 100%.

0.0%	0.0% #A8ACEB	RGB 168 172 235	#A8ACEB
16.7%	16.7% #949AE1	RGB 148 154 225	#949AE1
33.3%	33.3% #828AD8	RGB 130 138 216	#828AD8
50.0%	50.0% #717CCF	RGB 113 124 207	#717CCF
66.7%	66.7% #616EC6	RGB 97 110 198	#616EC6
83.3%	83.3% #5262BD	RGB 82 98 189	#5262BD
100.0%	100.0% #4457B4	RGB 68 87 180	#4457B4

#A8ACEB #949AE1 #828AD8 #717CCF #616EC6 #5262BD #4457B4

#A8ACEB - #717CCF - #4457B4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ACEB 0%, #717CCF 50%, #4457B4 100%);
    background: -webkit-linear-gradient(top, #A8ACEB 0%, #717CCF 50%, #4457B4 100%);
    background: linear-gradient(to bottom, #A8ACEB 0%, #717CCF 50%, #4457B4 100%);
}
</style>