#C2C4F7 - #DCDFEE | 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 #C2C4F7 to #DCDFEE

#C2C4F7 #DCDFEE

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

#C2C4F7 - #DCDFEE | 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 #C2C4F7 as 0% and #DCDFEE as 100%.

0.0%	0.0% #C2C4F7	RGB 194 196 247	#C2C4F7
16.7%	16.7% #C6C8F5	RGB 198 200 245	#C6C8F5
33.3%	33.3% #CACDF4	RGB 202 205 244	#CACDF4
50.0%	50.0% #CFD1F2	RGB 207 209 242	#CFD1F2
66.7%	66.7% #D3D6F1	RGB 211 214 241	#D3D6F1
83.3%	83.3% #D7DAEF	RGB 215 218 239	#D7DAEF
100.0%	100.0% #DCDFEE	RGB 220 223 238	#DCDFEE

#C2C4F7 #C6C8F5 #CACDF4 #CFD1F2 #D3D6F1 #D7DAEF #DCDFEE

#C2C4F7 - #DCDFEE

HSV Blend

#C2C4F7 - #DCDFEE | 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 #C2C4F7 as 0% and #DCDFEE as 100%.

0.0%	0.0% #C2C4F7	RGB 194 196 247	#C2C4F7
16.7%	16.7% #C6C9F5	RGB 198 201 245	#C6C9F5
33.3%	33.3% #CACEF4	RGB 202 206 244	#CACEF4
50.0%	50.0% #CFD2F2	RGB 207 210 242	#CFD2F2
66.7%	66.7% #D3D7F1	RGB 211 215 241	#D3D7F1
83.3%	83.3% #D7DBEF	RGB 215 219 239	#D7DBEF
100.0%	100.0% #DCDFEE	RGB 220 223 238	#DCDFEE

#C2C4F7 #C6C9F5 #CACEF4 #CFD2F2 #D3D7F1 #D7DBEF #DCDFEE

#C2C4F7 - #CFD2F2 - #DCDFEE

CSS codes

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

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