#C5E1DB - #FFD9FE | 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 #C5E1DB to #FFD9FE

#C5E1DB #FFD9FE

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

#C5E1DB - #FFD9FE | 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 #C5E1DB as 0% and #FFD9FE as 100%.

0.0%	0.0% #C5E1DB	RGB 197 225 219	#C5E1DB
16.7%	16.7% #CEDFE0	RGB 206 223 224	#CEDFE0
33.3%	33.3% #D8DEE6	RGB 216 222 230	#D8DEE6
50.0%	50.0% #E2DDEC	RGB 226 221 236	#E2DDEC
66.7%	66.7% #EBDBF2	RGB 235 219 242	#EBDBF2
83.3%	83.3% #F5DAF8	RGB 245 218 248	#F5DAF8
100.0%	100.0% #FFD9FE	RGB 255 217 254	#FFD9FE

#C5E1DB #CEDFE0 #D8DEE6 #E2DDEC #EBDBF2 #F5DAF8 #FFD9FE

#C5E1DB - #FFD9FE

HSV Blend

#C5E1DB - #FFD9FE | 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 #C5E1DB as 0% and #FFD9FE as 100%.

0.0%	0.0% #C5E1DB	RGB 197 225 219	#C5E1DB
16.7%	16.7% #C8E1E6	RGB 200 225 230	#C8E1E6
33.3%	33.3% #CBDAEB	RGB 203 218 235	#CBDAEB
50.0%	50.0% #CFD2F0	RGB 207 210 240	#CFD2F0
66.7%	66.7% #DCD2F5	RGB 220 210 245	#DCD2F5
83.3%	83.3% #EDD5FA	RGB 237 213 250	#EDD5FA
100.0%	100.0% #FFD9FE	RGB 255 217 254	#FFD9FE

#C5E1DB #C8E1E6 #CBDAEB #CFD2F0 #DCD2F5 #EDD5FA #FFD9FE

#C5E1DB - #CFD2F0 - #FFD9FE

CSS codes

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

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