#8C99D7 - #C5CEDA | 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 #8C99D7 to #C5CEDA

#8C99D7 #C5CEDA

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

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

0.0%	0.0% #8C99D7	RGB 140 153 215	#8C99D7
16.7%	16.7% #95A1D7	RGB 149 161 215	#95A1D7
33.3%	33.3% #9FAAD8	RGB 159 170 216	#9FAAD8
50.0%	50.0% #A8B3D8	RGB 168 179 216	#A8B3D8
66.7%	66.7% #B2BCD9	RGB 178 188 217	#B2BCD9
83.3%	83.3% #BBC5D9	RGB 187 197 217	#BBC5D9
100.0%	100.0% #C5CEDA	RGB 197 206 218	#C5CEDA

#8C99D7 #95A1D7 #9FAAD8 #A8B3D8 #B2BCD9 #BBC5D9 #C5CEDA

#8C99D7 - #C5CEDA

HSV Blend

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

0.0%	0.0% #8C98D7	RGB 140 152 215	#8C98D7
16.7%	16.7% #95A3D7	RGB 149 163 215	#95A3D7
33.3%	33.3% #9EADD8	RGB 158 173 216	#9EADD8
50.0%	50.0% #A8B6D8	RGB 168 182 216	#A8B6D8
66.7%	66.7% #B1BFD9	RGB 177 191 217	#B1BFD9
83.3%	83.3% #BBC7D9	RGB 187 199 217	#BBC7D9
100.0%	100.0% #C5CEDA	RGB 197 206 218	#C5CEDA

#8C98D7 #95A3D7 #9EADD8 #A8B6D8 #B1BFD9 #BBC7D9 #C5CEDA

#8C99D7 - #A8B6D8 - #C5CEDA

CSS codes

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

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