#8897C0 - #CECCCA | 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 #8897C0 to #CECCCA

#8897C0 #CECCCA

Calculate the color between two colors, #8897C0 and #CECCCA. 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)

#8897C0 - #CECCCA | 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 #8897C0 as 0% and #CECCCA as 100%.

0.0%	0.0% #8897C0	RGB 136 151 192	#8897C0
16.7%	16.7% #939FC1	RGB 147 159 193	#939FC1
33.3%	33.3% #9FA8C3	RGB 159 168 195	#9FA8C3
50.0%	50.0% #ABB1C5	RGB 171 177 197	#ABB1C5
66.7%	66.7% #B6BAC6	RGB 182 186 198	#B6BAC6
83.3%	83.3% #C2C3C8	RGB 194 195 200	#C2C3C8
100.0%	100.0% #CECCCA	RGB 206 204 202	#CECCCA

#8897C0 #939FC1 #9FA8C3 #ABB1C5 #B6BAC6 #C2C3C8 #CECCCA

#8897C0 - #CECCCA

HSV Blend

#8897C0 - #CECCCA | 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 #8897C0 as 0% and #CECCCA as 100%.

0.0%	0.0% #8897C0	RGB 136 151 192	#8897C0
16.7%	16.7% #9B92C2	RGB 155 146 194	#9B92C2
33.3%	33.3% #B79DC4	RGB 183 157 196	#B79DC4
50.0%	50.0% #C7A8C3	RGB 199 168 195	#C7A8C3
66.7%	66.7% #C9B3BC	RGB 201 179 188	#C9B3BC
83.3%	83.3% #CBBEBE	RGB 203 190 190	#CBBEBE
100.0%	100.0% #CECCCA	RGB 206 204 202	#CECCCA

#8897C0 #9B92C2 #B79DC4 #C7A8C3 #C9B3BC #CBBEBE #CECCCA

#8897C0 - #C7A8C3 - #CECCCA

CSS codes

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

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