#C2CDDA - #DCDFDA | 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 #C2CDDA to #DCDFDA

#C2CDDA #DCDFDA

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

#C2CDDA - #DCDFDA | 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 #C2CDDA as 0% and #DCDFDA as 100%.

0.0%	0.0% #C2CDDA	RGB 194 205 218	#C2CDDA
16.7%	16.7% #C6D0DA	RGB 198 208 218	#C6D0DA
33.3%	33.3% #CAD3DA	RGB 202 211 218	#CAD3DA
50.0%	50.0% #CFD6DA	RGB 207 214 218	#CFD6DA
66.7%	66.7% #D3D9DA	RGB 211 217 218	#D3D9DA
83.3%	83.3% #D7DCDA	RGB 215 220 218	#D7DCDA
100.0%	100.0% #DCDFDA	RGB 220 223 218	#DCDFDA

#C2CDDA #C6D0DA #CAD3DA #CFD6DA #D3D9DA #D7DCDA #DCDFDA

#C2CDDA - #DCDFDA

HSV Blend

#C2CDDA - #DCDFDA | 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 #C2CDDA as 0% and #DCDFDA as 100%.

0.0%	0.0% #C2CDDA	RGB 194 205 218	#C2CDDA
16.7%	16.7% #C5D6DA	RGB 197 214 218	#C5D6DA
33.3%	33.3% #C9DBD9	RGB 201 219 217	#C9DBD9
50.0%	50.0% #CDDCD6	RGB 205 220 214	#CDDCD6
66.7%	66.7% #D1DDD4	RGB 209 221 212	#D1DDD4
83.3%	83.3% #D6DED5	RGB 214 222 213	#D6DED5
100.0%	100.0% #DCDFDA	RGB 220 223 218	#DCDFDA

#C2CDDA #C5D6DA #C9DBD9 #CDDCD6 #D1DDD4 #D6DED5 #DCDFDA

#C2CDDA - #CDDCD6 - #DCDFDA

CSS codes

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

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