#C4D0C8 - #EBCBFF | 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 #C4D0C8 to #EBCBFF

#C4D0C8 #EBCBFF

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

#C4D0C8 - #EBCBFF | 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 #C4D0C8 as 0% and #EBCBFF as 100%.

0.0%	0.0% #C4D0C8	RGB 196 208 200	#C4D0C8
16.7%	16.7% #CACFD1	RGB 202 207 209	#CACFD1
33.3%	33.3% #D1CEDA	RGB 209 206 218	#D1CEDA
50.0%	50.0% #D7CDE3	RGB 215 205 227	#D7CDE3
66.7%	66.7% #DECCEC	RGB 222 204 236	#DECCEC
83.3%	83.3% #E4CBF5	RGB 228 203 245	#E4CBF5
100.0%	100.0% #EBCBFF	RGB 235 203 255	#EBCBFF

#C4D0C8 #CACFD1 #D1CEDA #D7CDE3 #DECCEC #E4CBF5 #EBCBFF

#C4D0C8 - #EBCBFF

HSV Blend

#C4D0C8 - #EBCBFF | 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 #C4D0C8 as 0% and #EBCBFF as 100%.

0.0%	0.0% #C4D0C8	RGB 196 208 200	#C4D0C8
16.7%	16.7% #C6D7D2	RGB 198 215 210	#C6D7D2
33.3%	33.3% #C7DDDF	RGB 199 221 223	#C7DDDF
50.0%	50.0% #C9D9E7	RGB 201 217 231	#C9D9E7
66.7%	66.7% #CACFEF	RGB 202 207 239	#CACFEF
83.3%	83.3% #D5CAF7	RGB 213 202 247	#D5CAF7
100.0%	100.0% #EBCBFF	RGB 235 203 255	#EBCBFF

#C4D0C8 #C6D7D2 #C7DDDF #C9D9E7 #CACFEF #D5CAF7 #EBCBFF

#C4D0C8 - #C9D9E7 - #EBCBFF

CSS codes

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

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