#8AB8CD - #ACFDF5 | 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 #8AB8CD to #ACFDF5

#8AB8CD #ACFDF5

Calculate the color between two colors, #8AB8CD and #ACFDF5. 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)

#8AB8CD - #ACFDF5 | 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 #8AB8CD as 0% and #ACFDF5 as 100%.

0.0%	0.0% #8AB8CD	RGB 138 184 205	#8AB8CD
16.7%	16.7% #8FC3D3	RGB 143 195 211	#8FC3D3
33.3%	33.3% #95CFDA	RGB 149 207 218	#95CFDA
50.0%	50.0% #9BDAE1	RGB 155 218 225	#9BDAE1
66.7%	66.7% #A0E6E7	RGB 160 230 231	#A0E6E7
83.3%	83.3% #A6F1EE	RGB 166 241 238	#A6F1EE
100.0%	100.0% #ACFDF5	RGB 172 253 245	#ACFDF5

#8AB8CD #8FC3D3 #95CFDA #9BDAE1 #A0E6E7 #A6F1EE #ACFDF5

#8AB8CD - #ACFDF5

HSV Blend

#8AB8CD - #ACFDF5 | 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 #8AB8CD as 0% and #ACFDF5 as 100%.

0.0%	0.0% #8AB8CD	RGB 138 184 205	#8AB8CD
16.7%	16.7% #8FC4D5	RGB 143 196 213	#8FC4D5
33.3%	33.3% #95D0DD	RGB 149 208 221	#95D0DD
50.0%	50.0% #9ADDE5	RGB 154 221 229	#9ADDE5
66.7%	66.7% #A0EAED	RGB 160 234 237	#A0EAED
83.3%	83.3% #A6F5F2	RGB 166 245 242	#A6F5F2
100.0%	100.0% #ACFDF5	RGB 172 253 245	#ACFDF5

#8AB8CD #8FC4D5 #95D0DD #9ADDE5 #A0EAED #A6F5F2 #ACFDF5

#8AB8CD - #9ADDE5 - #ACFDF5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8AB8CD 0%, #9ADDE5 50%, #ACFDF5 100%);
    background: -webkit-linear-gradient(top, #8AB8CD 0%, #9ADDE5 50%, #ACFDF5 100%);
    background: linear-gradient(to bottom, #8AB8CD 0%, #9ADDE5 50%, #ACFDF5 100%);
}
</style>