#8CCEBA - #AFEBFD | 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 #8CCEBA to #AFEBFD

#8CCEBA #AFEBFD

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

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

0.0%	0.0% #8CCEBA	RGB 140 206 186	#8CCEBA
16.7%	16.7% #91D2C5	RGB 145 210 197	#91D2C5
33.3%	33.3% #97D7D0	RGB 151 215 208	#97D7D0
50.0%	50.0% #9DDCDB	RGB 157 220 219	#9DDCDB
66.7%	66.7% #A3E1E6	RGB 163 225 230	#A3E1E6
83.3%	83.3% #A9E6F1	RGB 169 230 241	#A9E6F1
100.0%	100.0% #AFEBFD	RGB 175 235 253	#AFEBFD

#8CCEBA #91D2C5 #97D7D0 #9DDCDB #A3E1E6 #A9E6F1 #AFEBFD

#8CCEBA - #AFEBFD

HSV Blend

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

0.0%	0.0% #8CCEBA	RGB 140 206 186	#8CCEBA
16.7%	16.7% #91D5C7	RGB 145 213 199	#91D5C7
33.3%	33.3% #97DDD4	RGB 151 221 212	#97DDD4
50.0%	50.0% #9DE5E2	RGB 157 229 226	#9DE5E2
66.7%	66.7% #A3E9ED	RGB 163 233 237	#A3E9ED
83.3%	83.3% #A9EAF5	RGB 169 234 245	#A9EAF5
100.0%	100.0% #AFEBFD	RGB 175 235 253	#AFEBFD

#8CCEBA #91D5C7 #97DDD4 #9DE5E2 #A3E9ED #A9EAF5 #AFEBFD

#8CCEBA - #9DE5E2 - #AFEBFD

CSS codes

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

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