#A8B5A6 - #CEBDDC | 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 #A8B5A6 to #CEBDDC

#A8B5A6 #CEBDDC

Calculate the color between two colors, #A8B5A6 and #CEBDDC. 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)

#A8B5A6 - #CEBDDC | 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 #A8B5A6 as 0% and #CEBDDC as 100%.

0.0%	0.0% #A8B5A6	RGB 168 181 166	#A8B5A6
16.7%	16.7% #AEB6AF	RGB 174 182 175	#AEB6AF
33.3%	33.3% #B4B7B8	RGB 180 183 184	#B4B7B8
50.0%	50.0% #BBB9C1	RGB 187 185 193	#BBB9C1
66.7%	66.7% #C1BACA	RGB 193 186 202	#C1BACA
83.3%	83.3% #C7BBD3	RGB 199 187 211	#C7BBD3
100.0%	100.0% #CEBDDC	RGB 206 189 220	#CEBDDC

#A8B5A6 #AEB6AF #B4B7B8 #BBB9C1 #C1BACA #C7BBD3 #CEBDDC

#A8B5A6 - #CEBDDC

HSV Blend

#A8B5A6 - #CEBDDC | 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 #A8B5A6 as 0% and #CEBDDC as 100%.

0.0%	0.0% #A8B5A6	RGB 168 181 166	#A8B5A6
16.7%	16.7% #AABBAF	RGB 170 187 175	#AABBAF
33.3%	33.3% #AEC2BD	RGB 174 194 189	#AEC2BD
50.0%	50.0% #B2C3C8	RGB 178 195 200	#B2C3C8
66.7%	66.7% #B5BECF	RGB 181 190 207	#B5BECF
83.3%	83.3% #BCB9D5	RGB 188 185 213	#BCB9D5
100.0%	100.0% #CEBDDC	RGB 206 189 220	#CEBDDC

#A8B5A6 #AABBAF #AEC2BD #B2C3C8 #B5BECF #BCB9D5 #CEBDDC

#A8B5A6 - #B2C3C8 - #CEBDDC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B5A6 0%, #B2C3C8 50%, #CEBDDC 100%);
    background: -webkit-linear-gradient(top, #A8B5A6 0%, #B2C3C8 50%, #CEBDDC 100%);
    background: linear-gradient(to bottom, #A8B5A6 0%, #B2C3C8 50%, #CEBDDC 100%);
}
</style>