#CA8EB3 - #D1E2DB | 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 #CA8EB3 to #D1E2DB

#CA8EB3 #D1E2DB

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

#CA8EB3 - #D1E2DB | 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 #CA8EB3 as 0% and #D1E2DB as 100%.

0.0%	0.0% #CA8EB3	RGB 202 142 179	#CA8EB3
16.7%	16.7% #CB9CB9	RGB 203 156 185	#CB9CB9
33.3%	33.3% #CCAAC0	RGB 204 170 192	#CCAAC0
50.0%	50.0% #CDB8C7	RGB 205 184 199	#CDB8C7
66.7%	66.7% #CEC6CD	RGB 206 198 205	#CEC6CD
83.3%	83.3% #CFD4D4	RGB 207 212 212	#CFD4D4
100.0%	100.0% #D1E2DB	RGB 209 226 219	#D1E2DB

#CA8EB3 #CB9CB9 #CCAAC0 #CDB8C7 #CEC6CD #CFD4D4 #D1E2DB

#CA8EB3 - #D1E2DB

HSV Blend

#CA8EB3 - #D1E2DB | 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 #CA8EB3 as 0% and #D1E2DB as 100%.

0.0%	0.0% #CA8EB3	RGB 202 142 179	#CA8EB3
16.7%	16.7% #C998CE	RGB 201 152 206	#C998CE
33.3%	33.3% #B8A3D2	RGB 184 163 210	#B8A3D2
50.0%	50.0% #AEAED6	RGB 174 174 214	#AEAED6
66.7%	66.7% #B9C9DA	RGB 185 201 218	#B9C9DA
83.3%	83.3% #C5DCDE	RGB 197 220 222	#C5DCDE
100.0%	100.0% #D1E2DB	RGB 209 226 219	#D1E2DB

#CA8EB3 #C998CE #B8A3D2 #AEAED6 #B9C9DA #C5DCDE #D1E2DB

#CA8EB3 - #AEAED6 - #D1E2DB

CSS codes

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

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