#CCDDDC - #D9FFF2 | 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 #CCDDDC to #D9FFF2

#CCDDDC #D9FFF2

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

#CCDDDC - #D9FFF2 | 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 #CCDDDC as 0% and #D9FFF2 as 100%.

0.0%	0.0% #CCDDDC	RGB 204 221 220	#CCDDDC
16.7%	16.7% #CEE2DF	RGB 206 226 223	#CEE2DF
33.3%	33.3% #D0E8E3	RGB 208 232 227	#D0E8E3
50.0%	50.0% #D2EEE7	RGB 210 238 231	#D2EEE7
66.7%	66.7% #D4F3EA	RGB 212 243 234	#D4F3EA
83.3%	83.3% #D6F9EE	RGB 214 249 238	#D6F9EE
100.0%	100.0% #D9FFF2	RGB 217 255 242	#D9FFF2

#CCDDDC #CEE2DF #D0E8E3 #D2EEE7 #D4F3EA #D6F9EE #D9FFF2

#CCDDDC - #D9FFF2

HSV Blend

#CCDDDC - #D9FFF2 | 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 #CCDDDC as 0% and #D9FFF2 as 100%.

0.0%	0.0% #CCDDDC	RGB 204 221 220	#CCDDDC
16.7%	16.7% #CEE2E0	RGB 206 226 224	#CEE2E0
33.3%	33.3% #D0E8E4	RGB 208 232 228	#D0E8E4
50.0%	50.0% #D3EEE8	RGB 211 238 232	#D3EEE8
66.7%	66.7% #D5F3EC	RGB 213 243 236	#D5F3EC
83.3%	83.3% #D7F9EF	RGB 215 249 239	#D7F9EF
100.0%	100.0% #D9FFF2	RGB 217 255 242	#D9FFF2

#CCDDDC #CEE2E0 #D0E8E4 #D3EEE8 #D5F3EC #D7F9EF #D9FFF2

#CCDDDC - #D3EEE8 - #D9FFF2

CSS codes

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

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