#A8BCB2 - #DAC3D6 | 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 #A8BCB2 to #DAC3D6

#A8BCB2 #DAC3D6

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

#A8BCB2 - #DAC3D6 | 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 #A8BCB2 as 0% and #DAC3D6 as 100%.

0.0%	0.0% #A8BCB2	RGB 168 188 178	#A8BCB2
16.7%	16.7% #B0BDB8	RGB 176 189 184	#B0BDB8
33.3%	33.3% #B8BEBE	RGB 184 190 190	#B8BEBE
50.0%	50.0% #C1BFC4	RGB 193 191 196	#C1BFC4
66.7%	66.7% #C9C0CA	RGB 201 192 202	#C9C0CA
83.3%	83.3% #D1C1D0	RGB 209 193 208	#D1C1D0
100.0%	100.0% #DAC3D6	RGB 218 195 214	#DAC3D6

#A8BCB2 #B0BDB8 #B8BEBE #C1BFC4 #C9C0CA #D1C1D0 #DAC3D6

#A8BCB2 - #DAC3D6

HSV Blend

#A8BCB2 - #DAC3D6 | 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 #A8BCB2 as 0% and #DAC3D6 as 100%.

0.0%	0.0% #A8BCB2	RGB 168 188 178	#A8BCB2
16.7%	16.7% #ACC1BF	RGB 172 193 191	#ACC1BF
33.3%	33.3% #B0BDC6	RGB 176 189 198	#B0BDC6
50.0%	50.0% #B5B8CB	RGB 181 184 203	#B5B8CB
66.7%	66.7% #C0B9D0	RGB 192 185 208	#C0B9D0
83.3%	83.3% #CEBED5	RGB 206 190 213	#CEBED5
100.0%	100.0% #DAC3D6	RGB 218 195 214	#DAC3D6

#A8BCB2 #ACC1BF #B0BDC6 #B5B8CB #C0B9D0 #CEBED5 #DAC3D6

#A8BCB2 - #B5B8CB - #DAC3D6

CSS codes

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

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