#C6CACC - #D0FFED | 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 #C6CACC to #D0FFED

#C6CACC #D0FFED

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

#C6CACC - #D0FFED | 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 #C6CACC as 0% and #D0FFED as 100%.

0.0%	0.0% #C6CACC	RGB 198 202 204	#C6CACC
16.7%	16.7% #C7D2D1	RGB 199 210 209	#C7D2D1
33.3%	33.3% #C9DBD7	RGB 201 219 215	#C9DBD7
50.0%	50.0% #CBE4DC	RGB 203 228 220	#CBE4DC
66.7%	66.7% #CCEDE2	RGB 204 237 226	#CCEDE2
83.3%	83.3% #CEF6E7	RGB 206 246 231	#CEF6E7
100.0%	100.0% #D0FFED	RGB 208 255 237	#D0FFED

#C6CACC #C7D2D1 #C9DBD7 #CBE4DC #CCEDE2 #CEF6E7 #D0FFED

#C6CACC - #D0FFED

HSV Blend

#C6CACC - #D0FFED | 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 #C6CACC as 0% and #D0FFED as 100%.

0.0%	0.0% #C6CACC	RGB 198 202 204	#C6CACC
16.7%	16.7% #C8D1D4	RGB 200 209 212	#C8D1D4
33.3%	33.3% #CBDBDD	RGB 203 219 221	#CBDBDD
50.0%	50.0% #CCE5E4	RGB 204 229 228	#CCE5E4
66.7%	66.7% #CEEEE9	RGB 206 238 233	#CEEEE9
83.3%	83.3% #CFF6EC	RGB 207 246 236	#CFF6EC
100.0%	100.0% #D0FFED	RGB 208 255 237	#D0FFED

#C6CACC #C8D1D4 #CBDBDD #CCE5E4 #CEEEE9 #CFF6EC #D0FFED

#C6CACC - #CCE5E4 - #D0FFED

CSS codes

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

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