#C7C5EA - #CDDFEC | 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 #C7C5EA to #CDDFEC

#C7C5EA #CDDFEC

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

#C7C5EA - #CDDFEC | 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 #C7C5EA as 0% and #CDDFEC as 100%.

0.0%	0.0% #C7C5EA	RGB 199 197 234	#C7C5EA
16.7%	16.7% #C8C9EA	RGB 200 201 234	#C8C9EA
33.3%	33.3% #C9CDEA	RGB 201 205 234	#C9CDEA
50.0%	50.0% #CAD2EB	RGB 202 210 235	#CAD2EB
66.7%	66.7% #CBD6EB	RGB 203 214 235	#CBD6EB
83.3%	83.3% #CCDAEB	RGB 204 218 235	#CCDAEB
100.0%	100.0% #CDDFEC	RGB 205 223 236	#CDDFEC

#C7C5EA #C8C9EA #C9CDEA #CAD2EB #CBD6EB #CCDAEB #CDDFEC

#C7C5EA - #CDDFEC

HSV Blend

#C7C5EA - #CDDFEC | 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 #C7C5EA as 0% and #CDDFEC as 100%.

0.0%	0.0% #C7C5EA	RGB 199 197 234	#C7C5EA
16.7%	16.7% #C6C8EA	RGB 198 200 234	#C6C8EA
33.3%	33.3% #C7CDEA	RGB 199 205 234	#C7CDEA
50.0%	50.0% #C8D1EB	RGB 200 209 235	#C8D1EB
66.7%	66.7% #CAD6EB	RGB 202 214 235	#CAD6EB
83.3%	83.3% #CBDAEB	RGB 203 218 235	#CBDAEB
100.0%	100.0% #CDDFEC	RGB 205 223 236	#CDDFEC

#C7C5EA #C6C8EA #C7CDEA #C8D1EB #CAD6EB #CBDAEB #CDDFEC

#C7C5EA - #C8D1EB - #CDDFEC

CSS codes

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

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