#C4B5CA - #D5E4D3 | 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 #C4B5CA to #D5E4D3

#C4B5CA #D5E4D3

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

#C4B5CA - #D5E4D3 | 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 #C4B5CA as 0% and #D5E4D3 as 100%.

0.0%	0.0% #C4B5CA	RGB 196 181 202	#C4B5CA
16.7%	16.7% #C6BCCB	RGB 198 188 203	#C6BCCB
33.3%	33.3% #C9C4CD	RGB 201 196 205	#C9C4CD
50.0%	50.0% #CCCCCE	RGB 204 204 206	#CCCCCE
66.7%	66.7% #CFD4D0	RGB 207 212 208	#CFD4D0
83.3%	83.3% #D2DCD1	RGB 210 220 209	#D2DCD1
100.0%	100.0% #D5E4D3	RGB 213 228 211	#D5E4D3

#C4B5CA #C6BCCB #C9C4CD #CCCCCE #CFD4D0 #D2DCD1 #D5E4D3

#C4B5CA - #D5E4D3

HSV Blend

#C4B5CA - #D5E4D3 | 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 #C4B5CA as 0% and #D5E4D3 as 100%.

0.0%	0.0% #C4B5CA	RGB 196 181 202	#C4B5CA
16.7%	16.7% #BEB9CE	RGB 190 185 206	#BEB9CE
33.3%	33.3% #BEC3D2	RGB 190 195 210	#BEC3D2
50.0%	50.0% #C3D1D7	RGB 195 209 215	#C3D1D7
66.7%	66.7% #C8DBD8	RGB 200 219 216	#C8DBD8
83.3%	83.3% #CDDFD4	RGB 205 223 212	#CDDFD4
100.0%	100.0% #D5E4D3	RGB 213 228 211	#D5E4D3

#C4B5CA #BEB9CE #BEC3D2 #C3D1D7 #C8DBD8 #CDDFD4 #D5E4D3

#C4B5CA - #C3D1D7 - #D5E4D3

CSS codes

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

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