#A8B1A8 - #C0FFD2 | 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 #A8B1A8 to #C0FFD2

#A8B1A8 #C0FFD2

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

#A8B1A8 - #C0FFD2 | 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 #A8B1A8 as 0% and #C0FFD2 as 100%.

0.0%	0.0% #A8B1A8	RGB 168 177 168	#A8B1A8
16.7%	16.7% #ACBEAF	RGB 172 190 175	#ACBEAF
33.3%	33.3% #B0CBB6	RGB 176 203 182	#B0CBB6
50.0%	50.0% #B4D8BD	RGB 180 216 189	#B4D8BD
66.7%	66.7% #B8E5C4	RGB 184 229 196	#B8E5C4
83.3%	83.3% #BCF2CB	RGB 188 242 203	#BCF2CB
100.0%	100.0% #C0FFD2	RGB 192 255 210	#C0FFD2

#A8B1A8 #ACBEAF #B0CBB6 #B4D8BD #B8E5C4 #BCF2CB #C0FFD2

#A8B1A8 - #C0FFD2

HSV Blend

#A8B1A8 - #C0FFD2 | 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 #A8B1A8 as 0% and #C0FFD2 as 100%.

0.0%	0.0% #A8B1A8	RGB 168 177 168	#A8B1A8
16.7%	16.7% #AEBEAE	RGB 174 190 174	#AEBEAE
33.3%	33.3% #B3CBB5	RGB 179 203 181	#B3CBB5
50.0%	50.0% #B7D8BC	RGB 183 216 188	#B7D8BC
66.7%	66.7% #BBE5C3	RGB 187 229 195	#BBE5C3
83.3%	83.3% #BEF2CA	RGB 190 242 202	#BEF2CA
100.0%	100.0% #C0FFD2	RGB 192 255 210	#C0FFD2

#A8B1A8 #AEBEAE #B3CBB5 #B7D8BC #BBE5C3 #BEF2CA #C0FFD2

#A8B1A8 - #B7D8BC - #C0FFD2

CSS codes

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

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