#C4CDCE - #CFFFEE | 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 #C4CDCE to #CFFFEE

#C4CDCE #CFFFEE

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

#C4CDCE - #CFFFEE | 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 #C4CDCE as 0% and #CFFFEE as 100%.

0.0%	0.0% #C4CDCE	RGB 196 205 206	#C4CDCE
16.7%	16.7% #C5D5D3	RGB 197 213 211	#C5D5D3
33.3%	33.3% #C7DDD8	RGB 199 221 216	#C7DDD8
50.0%	50.0% #C9E6DE	RGB 201 230 222	#C9E6DE
66.7%	66.7% #CBEEE3	RGB 203 238 227	#CBEEE3
83.3%	83.3% #CDF6E8	RGB 205 246 232	#CDF6E8
100.0%	100.0% #CFFFEE	RGB 207 255 238	#CFFFEE

#C4CDCE #C5D5D3 #C7DDD8 #C9E6DE #CBEEE3 #CDF6E8 #CFFFEE

#C4CDCE - #CFFFEE

HSV Blend

#C4CDCE - #CFFFEE | 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 #C4CDCE as 0% and #CFFFEE as 100%.

0.0%	0.0% #C4CDCE	RGB 196 205 206	#C4CDCE
16.7%	16.7% #C6D5D6	RGB 198 213 214	#C6D5D6
33.3%	33.3% #C9DEDD	RGB 201 222 221	#C9DEDD
50.0%	50.0% #CBE6E3	RGB 203 230 227	#CBE6E3
66.7%	66.7% #CCEEE7	RGB 204 238 231	#CCEEE7
83.3%	83.3% #CEF6EB	RGB 206 246 235	#CEF6EB
100.0%	100.0% #CFFFEE	RGB 207 255 238	#CFFFEE

#C4CDCE #C6D5D6 #C9DEDD #CBE6E3 #CCEEE7 #CEF6EB #CFFFEE

#C4CDCE - #CBE6E3 - #CFFFEE

CSS codes

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

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