#ACB8FF - #465FD4 | 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 #ACB8FF to #465FD4

#ACB8FF #465FD4

Calculate the color between two colors, #ACB8FF and #465FD4. 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)

#ACB8FF - #465FD4 | 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 #ACB8FF as 0% and #465FD4 as 100%.

0.0%	0.0% #ACB8FF	RGB 172 184 255	#ACB8FF
16.7%	16.7% #9BA9F7	RGB 155 169 247	#9BA9F7
33.3%	33.3% #8A9AF0	RGB 138 154 240	#8A9AF0
50.0%	50.0% #798BE9	RGB 121 139 233	#798BE9
66.7%	66.7% #687CE2	RGB 104 124 226	#687CE2
83.3%	83.3% #576DDB	RGB 87 109 219	#576DDB
100.0%	100.0% #465FD4	RGB 70 95 212	#465FD4

#ACB8FF #9BA9F7 #8A9AF0 #798BE9 #687CE2 #576DDB #465FD4

#ACB8FF - #465FD4

HSV Blend

#ACB8FF - #465FD4 | 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 #ACB8FF as 0% and #465FD4 as 100%.

0.0%	0.0% #ACB8FF	RGB 172 184 255	#ACB8FF
16.7%	16.7% #98A7F7	RGB 152 167 247	#98A7F7
33.3%	33.3% #8697F0	RGB 134 151 240	#8697F0
50.0%	50.0% #7587E9	RGB 117 135 233	#7587E9
66.7%	66.7% #6479E2	RGB 100 121 226	#6479E2
83.3%	83.3% #546BDB	RGB 84 107 219	#546BDB
100.0%	100.0% #465FD4	RGB 70 95 212	#465FD4

#ACB8FF #98A7F7 #8697F0 #7587E9 #6479E2 #546BDB #465FD4

#ACB8FF - #7587E9 - #465FD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB8FF 0%, #7587E9 50%, #465FD4 100%);
    background: -webkit-linear-gradient(top, #ACB8FF 0%, #7587E9 50%, #465FD4 100%);
    background: linear-gradient(to bottom, #ACB8FF 0%, #7587E9 50%, #465FD4 100%);
}
</style>