#C29DA5 - #CDE3E4 | 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 #C29DA5 to #CDE3E4

#C29DA5 #CDE3E4

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

#C29DA5 - #CDE3E4 | 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 #C29DA5 as 0% and #CDE3E4 as 100%.

0.0%	0.0% #C29DA5	RGB 194 157 165	#C29DA5
16.7%	16.7% #C3A8AF	RGB 195 168 175	#C3A8AF
33.3%	33.3% #C5B4BA	RGB 197 180 186	#C5B4BA
50.0%	50.0% #C7C0C4	RGB 199 192 196	#C7C0C4
66.7%	66.7% #C9CBCF	RGB 201 203 207	#C9CBCF
83.3%	83.3% #CBD7D9	RGB 203 215 217	#CBD7D9
100.0%	100.0% #CDE3E4	RGB 205 227 228	#CDE3E4

#C29DA5 #C3A8AF #C5B4BA #C7C0C4 #C9CBCF #CBD7D9 #CDE3E4

#C29DA5 - #CDE3E4

HSV Blend

#C29DA5 - #CDE3E4 | 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 #C29DA5 as 0% and #CDE3E4 as 100%.

0.0%	0.0% #C29DA5	RGB 194 157 165	#C29DA5
16.7%	16.7% #C7A4BC	RGB 199 164 188	#C7A4BC
33.3%	33.3% #C9ACCD	RGB 201 172 205	#C9ACCD
50.0%	50.0% #C0B4D3	RGB 192 180 211	#C0B4D3
66.7%	66.7% #BCBDD8	RGB 188 189 216	#BCBDD8
83.3%	83.3% #C4D1DE	RGB 196 209 222	#C4D1DE
100.0%	100.0% #CDE3E4	RGB 205 227 228	#CDE3E4

#C29DA5 #C7A4BC #C9ACCD #C0B4D3 #BCBDD8 #C4D1DE #CDE3E4

#C29DA5 - #C0B4D3 - #CDE3E4

CSS codes

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

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