#ACBBDB - #506B9F | 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 #ACBBDB to #506B9F

#ACBBDB #506B9F

Calculate the color between two colors, #ACBBDB and #506B9F. 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)

#ACBBDB - #506B9F | 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 #ACBBDB as 0% and #506B9F as 100%.

0.0%	0.0% #ACBBDB	RGB 172 187 219	#ACBBDB
16.7%	16.7% #9CADD1	RGB 156 173 209	#9CADD1
33.3%	33.3% #8DA0C7	RGB 141 160 199	#8DA0C7
50.0%	50.0% #7E93BD	RGB 126 147 189	#7E93BD
66.7%	66.7% #6E85B3	RGB 110 133 179	#6E85B3
83.3%	83.3% #5F78A9	RGB 95 120 169	#5F78A9
100.0%	100.0% #506B9F	RGB 80 107 159	#506B9F

#ACBBDB #9CADD1 #8DA0C7 #7E93BD #6E85B3 #5F78A9 #506B9F

#ACBBDB - #506B9F

HSV Blend

#ACBBDB - #506B9F | 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 #ACBBDB as 0% and #506B9F as 100%.

0.0%	0.0% #ACBBDB	RGB 172 187 219	#ACBBDB
16.7%	16.7% #9AABD1	RGB 154 171 209	#9AABD1
33.3%	33.3% #899DC7	RGB 137 157 199	#899DC7
50.0%	50.0% #798FBD	RGB 121 143 189	#798FBD
66.7%	66.7% #6A83B3	RGB 106 131 179	#6A83B3
83.3%	83.3% #5C76A9	RGB 92 118 169	#5C76A9
100.0%	100.0% #506B9F	RGB 80 107 159	#506B9F

#ACBBDB #9AABD1 #899DC7 #798FBD #6A83B3 #5C76A9 #506B9F

#ACBBDB - #798FBD - #506B9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACBBDB 0%, #798FBD 50%, #506B9F 100%);
    background: -webkit-linear-gradient(top, #ACBBDB 0%, #798FBD 50%, #506B9F 100%);
    background: linear-gradient(to bottom, #ACBBDB 0%, #798FBD 50%, #506B9F 100%);
}
</style>