#CCD9FB - #D5EBE7 | 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 #CCD9FB to #D5EBE7

#CCD9FB #D5EBE7

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

#CCD9FB - #D5EBE7 | 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 #CCD9FB as 0% and #D5EBE7 as 100%.

0.0%	0.0% #CCD9FB	RGB 204 217 251	#CCD9FB
16.7%	16.7% #CDDCF7	RGB 205 220 247	#CDDCF7
33.3%	33.3% #CFDFF4	RGB 207 223 244	#CFDFF4
50.0%	50.0% #D0E2F1	RGB 208 226 241	#D0E2F1
66.7%	66.7% #D2E5ED	RGB 210 229 237	#D2E5ED
83.3%	83.3% #D3E8EA	RGB 211 232 234	#D3E8EA
100.0%	100.0% #D5EBE7	RGB 213 235 231	#D5EBE7

#CCD9FB #CDDCF7 #CFDFF4 #D0E2F1 #D2E5ED #D3E8EA #D5EBE7

#CCD9FB - #D5EBE7

HSV Blend

#CCD9FB - #D5EBE7 | 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 #CCD9FB as 0% and #D5EBE7 as 100%.

0.0%	0.0% #CCD9FB	RGB 204 217 251	#CCD9FB
16.7%	16.7% #CDDFF8	RGB 205 223 248	#CDDFF8
33.3%	33.3% #CFE5F5	RGB 207 229 245	#CFE5F5
50.0%	50.0% #D0E9F3	RGB 208 233 243	#D0E9F3
66.7%	66.7% #D2ECF0	RGB 210 236 240	#D2ECF0
83.3%	83.3% #D3EDEC	RGB 211 237 236	#D3EDEC
100.0%	100.0% #D5EBE7	RGB 213 235 231	#D5EBE7

#CCD9FB #CDDFF8 #CFE5F5 #D0E9F3 #D2ECF0 #D3EDEC #D5EBE7

#CCD9FB - #D0E9F3 - #D5EBE7

CSS codes

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

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