#8CBACE - #AFBCFD | 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 #8CBACE to #AFBCFD

#8CBACE #AFBCFD

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

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

0.0%	0.0% #8CBACE	RGB 140 186 206	#8CBACE
16.7%	16.7% #91BAD5	RGB 145 186 213	#91BAD5
33.3%	33.3% #97BADD	RGB 151 186 221	#97BADD
50.0%	50.0% #9DBBE5	RGB 157 187 229	#9DBBE5
66.7%	66.7% #A3BBED	RGB 163 187 237	#A3BBED
83.3%	83.3% #A9BBF5	RGB 169 187 245	#A9BBF5
100.0%	100.0% #AFBCFD	RGB 175 188 253	#AFBCFD

#8CBACE #91BAD5 #97BADD #9DBBE5 #A3BBED #A9BBF5 #AFBCFD

#8CBACE - #AFBCFD

HSV Blend

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

0.0%	0.0% #8CB9CE	RGB 140 185 206	#8CB9CE
16.7%	16.7% #91BBD5	RGB 145 187 213	#91BBD5
33.3%	33.3% #97BCDD	RGB 151 188 221	#97BCDD
50.0%	50.0% #9DBCE5	RGB 157 188 229	#9DBCE5
66.7%	66.7% #A3BCED	RGB 163 188 237	#A3BCED
83.3%	83.3% #A9BCF5	RGB 169 188 245	#A9BCF5
100.0%	100.0% #AFBCFD	RGB 175 188 253	#AFBCFD

#8CB9CE #91BBD5 #97BCDD #9DBCE5 #A3BCED #A9BCF5 #AFBCFD

#8CBACE - #9DBCE5 - #AFBCFD

CSS codes

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

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