#A8ACDA - #475B9C | 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 #A8ACDA to #475B9C

#A8ACDA #475B9C

Calculate the color between two colors, #A8ACDA and #475B9C. 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)

#A8ACDA - #475B9C | 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 #A8ACDA as 0% and #475B9C as 100%.

0.0%	0.0% #A8ACDA	RGB 168 172 218	#A8ACDA
16.7%	16.7% #979ECF	RGB 151 158 207	#979ECF
33.3%	33.3% #8791C5	RGB 135 145 197	#8791C5
50.0%	50.0% #7783BB	RGB 119 131 187	#7783BB
66.7%	66.7% #6776B0	RGB 103 118 176	#6776B0
83.3%	83.3% #5768A6	RGB 87 104 166	#5768A6
100.0%	100.0% #475B9C	RGB 71 91 156	#475B9C

#A8ACDA #979ECF #8791C5 #7783BB #6776B0 #5768A6 #475B9C

#A8ACDA - #475B9C

HSV Blend

#A8ACDA - #475B9C | 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 #A8ACDA as 0% and #475B9C as 100%.

0.0%	0.0% #A8ABDA	RGB 168 171 218	#A8ABDA
16.7%	16.7% #959BCF	RGB 149 155 207	#959BCF
33.3%	33.3% #838CC5	RGB 131 140 197	#838CC5
50.0%	50.0% #727EBB	RGB 114 126 187	#727EBB
66.7%	66.7% #6271B0	RGB 98 113 176	#6271B0
83.3%	83.3% #5465A6	RGB 84 101 166	#5465A6
100.0%	100.0% #475B9C	RGB 71 91 156	#475B9C

#A8ABDA #959BCF #838CC5 #727EBB #6271B0 #5465A6 #475B9C

#A8ACDA - #727EBB - #475B9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABDA 0%, #727EBB 50%, #475B9C 100%);
    background: -webkit-linear-gradient(top, #A8ABDA 0%, #727EBB 50%, #475B9C 100%);
    background: linear-gradient(to bottom, #A8ABDA 0%, #727EBB 50%, #475B9C 100%);
}
</style>