#C2C4FE - #DBDFF2 | 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 #C2C4FE to #DBDFF2

#C2C4FE #DBDFF2

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

#C2C4FE - #DBDFF2 | 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 #C2C4FE as 0% and #DBDFF2 as 100%.

0.0%	0.0% #C2C4FE	RGB 194 196 254	#C2C4FE
16.7%	16.7% #C6C8FC	RGB 198 200 252	#C6C8FC
33.3%	33.3% #CACDFA	RGB 202 205 250	#CACDFA
50.0%	50.0% #CED1F8	RGB 206 209 248	#CED1F8
66.7%	66.7% #D2D6F6	RGB 210 214 246	#D2D6F6
83.3%	83.3% #D6DAF4	RGB 214 218 244	#D6DAF4
100.0%	100.0% #DBDFF2	RGB 219 223 242	#DBDFF2

#C2C4FE #C6C8FC #CACDFA #CED1F8 #D2D6F6 #D6DAF4 #DBDFF2

#C2C4FE - #DBDFF2

HSV Blend

#C2C4FE - #DBDFF2 | 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 #C2C4FE as 0% and #DBDFF2 as 100%.

0.0%	0.0% #C2C4FE	RGB 194 196 254	#C2C4FE
16.7%	16.7% #C6C9FC	RGB 198 201 252	#C6C9FC
33.3%	33.3% #CACEFA	RGB 202 206 250	#CACEFA
50.0%	50.0% #CED3F8	RGB 206 211 248	#CED3F8
66.7%	66.7% #D3D7F6	RGB 211 215 246	#D3D7F6
83.3%	83.3% #D7DBF4	RGB 215 219 244	#D7DBF4
100.0%	100.0% #DBDFF2	RGB 219 223 242	#DBDFF2

#C2C4FE #C6C9FC #CACEFA #CED3F8 #D3D7F6 #D7DBF4 #DBDFF2

#C2C4FE - #CED3F8 - #DBDFF2

CSS codes

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

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