#C5E6EC - #EFE9EC | 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 #C5E6EC to #EFE9EC

#C5E6EC #EFE9EC

Calculate the color between two colors, #C5E6EC and #EFE9EC. 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)

#C5E6EC - #EFE9EC | 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 #C5E6EC as 0% and #EFE9EC as 100%.

0.0%	0.0% #C5E6EC	RGB 197 230 236	#C5E6EC
16.7%	16.7% #CCE6EC	RGB 204 230 236	#CCE6EC
33.3%	33.3% #D3E7EC	RGB 211 231 236	#D3E7EC
50.0%	50.0% #DAE7EC	RGB 218 231 236	#DAE7EC
66.7%	66.7% #E1E8EC	RGB 225 232 236	#E1E8EC
83.3%	83.3% #E8E8EC	RGB 232 232 236	#E8E8EC
100.0%	100.0% #EFE9EC	RGB 239 233 236	#EFE9EC

#C5E6EC #CCE6EC #D3E7EC #DAE7EC #E1E8EC #E8E8EC #EFE9EC

#C5E6EC - #EFE9EC

HSV Blend

#C5E6EC - #EFE9EC | 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 #C5E6EC as 0% and #EFE9EC as 100%.

0.0%	0.0% #C5E6EC	RGB 197 230 236	#C5E6EC
16.7%	16.7% #CADAEC	RGB 202 218 236	#CADAEC
33.3%	33.3% #D0D2ED	RGB 208 210 237	#D0D2ED
50.0%	50.0% #DED6ED	RGB 222 214 237	#DED6ED
66.7%	66.7% #E9DCEE	RGB 233 220 238	#E9DCEE
83.3%	83.3% #EEE2ED	RGB 238 226 237	#EEE2ED
100.0%	100.0% #EFE9EC	RGB 239 233 236	#EFE9EC

#C5E6EC #CADAEC #D0D2ED #DED6ED #E9DCEE #EEE2ED #EFE9EC

#C5E6EC - #DED6ED - #EFE9EC

CSS codes

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

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