#C9D3C9 - #DDCEFF | 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 #C9D3C9 to #DDCEFF

#C9D3C9 #DDCEFF

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

#C9D3C9 - #DDCEFF | 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 #C9D3C9 as 0% and #DDCEFF as 100%.

0.0%	0.0% #C9D3C9	RGB 201 211 201	#C9D3C9
16.7%	16.7% #CCD2D2	RGB 204 210 210	#CCD2D2
33.3%	33.3% #CFD1DB	RGB 207 209 219	#CFD1DB
50.0%	50.0% #D3D0E4	RGB 211 208 228	#D3D0E4
66.7%	66.7% #D6CFED	RGB 214 207 237	#D6CFED
83.3%	83.3% #D9CEF6	RGB 217 206 246	#D9CEF6
100.0%	100.0% #DDCEFF	RGB 221 206 255	#DDCEFF

#C9D3C9 #CCD2D2 #CFD1DB #D3D0E4 #D6CFED #D9CEF6 #DDCEFF

#C9D3C9 - #DDCEFF

HSV Blend

#C9D3C9 - #DDCEFF | 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 #C9D3C9 as 0% and #DDCEFF as 100%.

0.0%	0.0% #C9D3C9	RGB 201 211 201	#C9D3C9
16.7%	16.7% #CADAD0	RGB 202 218 208	#CADAD0
33.3%	33.3% #CCE1DC	RGB 204 225 220	#CCE1DC
50.0%	50.0% #CDE4E9	RGB 205 228 233	#CDE4E9
66.7%	66.7% #CDDDF0	RGB 205 221 240	#CDDDF0
83.3%	83.3% #CED1F7	RGB 206 209 247	#CED1F7
100.0%	100.0% #DDCEFF	RGB 221 206 255	#DDCEFF

#C9D3C9 #CADAD0 #CCE1DC #CDE4E9 #CDDDF0 #CED1F7 #DDCEFF

#C9D3C9 - #CDE4E9 - #DDCEFF

CSS codes

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

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