#CCCFF0 - #D5E4EA | 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 #CCCFF0 to #D5E4EA

#CCCFF0 #D5E4EA

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

#CCCFF0 - #D5E4EA | 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 #CCCFF0 as 0% and #D5E4EA as 100%.

0.0%	0.0% #CCCFF0	RGB 204 207 240	#CCCFF0
16.7%	16.7% #CDD2EF	RGB 205 210 239	#CDD2EF
33.3%	33.3% #CFD6EE	RGB 207 214 238	#CFD6EE
50.0%	50.0% #D0D9ED	RGB 208 217 237	#D0D9ED
66.7%	66.7% #D2DDEC	RGB 210 221 236	#D2DDEC
83.3%	83.3% #D3E0EB	RGB 211 224 235	#D3E0EB
100.0%	100.0% #D5E4EA	RGB 213 228 234	#D5E4EA

#CCCFF0 #CDD2EF #CFD6EE #D0D9ED #D2DDEC #D3E0EB #D5E4EA

#CCCFF0 - #D5E4EA

HSV Blend

#CCCFF0 - #D5E4EA | 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 #CCCFF0 as 0% and #D5E4EA as 100%.

0.0%	0.0% #CCCFF0	RGB 204 207 240	#CCCFF0
16.7%	16.7% #CDD3EF	RGB 205 211 239	#CDD3EF
33.3%	33.3% #CFD8EE	RGB 207 216 238	#CFD8EE
50.0%	50.0% #D0DBED	RGB 208 219 237	#D0DBED
66.7%	66.7% #D2DFEC	RGB 210 223 236	#D2DFEC
83.3%	83.3% #D3E1EB	RGB 211 225 235	#D3E1EB
100.0%	100.0% #D5E4EA	RGB 213 228 234	#D5E4EA

#CCCFF0 #CDD3EF #CFD8EE #D0DBED #D2DFEC #D3E1EB #D5E4EA

#CCCFF0 - #D0DBED - #D5E4EA

CSS codes

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

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