#C4C4CC - #EEEEF0 | 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 #C4C4CC to #EEEEF0

#C4C4CC #EEEEF0

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

#C4C4CC - #EEEEF0 | 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 #C4C4CC as 0% and #EEEEF0 as 100%.

0.0%	0.0% #C4C4CC	RGB 196 196 204	#C4C4CC
16.7%	16.7% #CBCBD2	RGB 203 203 210	#CBCBD2
33.3%	33.3% #D2D2D8	RGB 210 210 216	#D2D2D8
50.0%	50.0% #D9D9DE	RGB 217 217 222	#D9D9DE
66.7%	66.7% #E0E0E4	RGB 224 224 228	#E0E0E4
83.3%	83.3% #E7E7EA	RGB 231 231 234	#E7E7EA
100.0%	100.0% #EEEEF0	RGB 238 238 240	#EEEEF0

#C4C4CC #CBCBD2 #D2D2D8 #D9D9DE #E0E0E4 #E7E7EA #EEEEF0

#C4C4CC - #EEEEF0

HSV Blend

#C4C4CC - #EEEEF0 | 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 #C4C4CC as 0% and #EEEEF0 as 100%.

0.0%	0.0% #C4C4CC	RGB 196 196 204	#C4C4CC
16.7%	16.7% #CACAD2	RGB 202 202 210	#CACAD2
33.3%	33.3% #D1D1D8	RGB 209 209 216	#D1D1D8
50.0%	50.0% #D8D8DE	RGB 216 216 222	#D8D8DE
66.7%	66.7% #DFDFE4	RGB 223 223 228	#DFDFE4
83.3%	83.3% #E6E6EA	RGB 230 230 234	#E6E6EA
100.0%	100.0% #EEEEF0	RGB 238 238 240	#EEEEF0

#C4C4CC #CACAD2 #D1D1D8 #D8D8DE #DFDFE4 #E6E6EA #EEEEF0

#C4C4CC - #D8D8DE - #EEEEF0

CSS codes

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

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