#AFADAB - #C0CEE5 | 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 #AFADAB to #C0CEE5

#AFADAB #C0CEE5

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

#AFADAB - #C0CEE5 | 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 #AFADAB as 0% and #C0CEE5 as 100%.

0.0%	0.0% #AFADAB	RGB 175 173 171	#AFADAB
16.7%	16.7% #B1B2B4	RGB 177 178 180	#B1B2B4
33.3%	33.3% #B4B8BE	RGB 180 184 190	#B4B8BE
50.0%	50.0% #B7BDC8	RGB 183 189 200	#B7BDC8
66.7%	66.7% #BAC3D1	RGB 186 195 209	#BAC3D1
83.3%	83.3% #BDC8DB	RGB 189 200 219	#BDC8DB
100.0%	100.0% #C0CEE5	RGB 192 206 229	#C0CEE5

#AFADAB #B1B2B4 #B4B8BE #B7BDC8 #BAC3D1 #BDC8DB #C0CEE5

#AFADAB - #C0CEE5

HSV Blend

#AFADAB - #C0CEE5 | 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 #AFADAB as 0% and #C0CEE5 as 100%.

0.0%	0.0% #AFADAB	RGB 175 173 171	#AFADAB
16.7%	16.7% #B8AFAF	RGB 184 175 175	#B8AFAF
33.3%	33.3% #C1B3B9	RGB 193 179 185	#C1B3B9
50.0%	50.0% #CAB7C8	RGB 202 183 200	#CAB7C8
66.7%	66.7% #C8BAD3	RGB 200 186 211	#C8BAD3
83.3%	83.3% #C0BDDC	RGB 192 189 220	#C0BDDC
100.0%	100.0% #C0CEE5	RGB 192 206 229	#C0CEE5

#AFADAB #B8AFAF #C1B3B9 #CAB7C8 #C8BAD3 #C0BDDC #C0CEE5

#AFADAB - #CAB7C8 - #C0CEE5

CSS codes

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

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