#A8C7CC - #C0CDFF | 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 #A8C7CC to #C0CDFF

#A8C7CC #C0CDFF

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

#A8C7CC - #C0CDFF | 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 #A8C7CC as 0% and #C0CDFF as 100%.

0.0%	0.0% #A8C7CC	RGB 168 199 204	#A8C7CC
16.7%	16.7% #ACC8D4	RGB 172 200 212	#ACC8D4
33.3%	33.3% #B0C9DD	RGB 176 201 221	#B0C9DD
50.0%	50.0% #B4CAE5	RGB 180 202 229	#B4CAE5
66.7%	66.7% #B8CBEE	RGB 184 203 238	#B8CBEE
83.3%	83.3% #BCCCF6	RGB 188 204 246	#BCCCF6
100.0%	100.0% #C0CDFF	RGB 192 205 255	#C0CDFF

#A8C7CC #ACC8D4 #B0C9DD #B4CAE5 #B8CBEE #BCCCF6 #C0CDFF

#A8C7CC - #C0CDFF

HSV Blend

#A8C7CC - #C0CDFF | 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 #A8C7CC as 0% and #C0CDFF as 100%.

0.0%	0.0% #A8C7CC	RGB 168 199 204	#A8C7CC
16.7%	16.7% #ACCAD4	RGB 172 202 212	#ACCAD4
33.3%	33.3% #B0CDDD	RGB 176 205 221	#B0CDDD
50.0%	50.0% #B4CEE5	RGB 180 206 229	#B4CEE5
66.7%	66.7% #B8CFEE	RGB 184 207 238	#B8CFEE
83.3%	83.3% #BCCEF6	RGB 188 206 246	#BCCEF6
100.0%	100.0% #C0CDFF	RGB 192 205 255	#C0CDFF

#A8C7CC #ACCAD4 #B0CDDD #B4CEE5 #B8CFEE #BCCEF6 #C0CDFF

#A8C7CC - #B4CEE5 - #C0CDFF

CSS codes

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

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