#CAA8DF - #EFE6F5 | 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 #CAA8DF to #EFE6F5

#CAA8DF #EFE6F5

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

#CAA8DF - #EFE6F5 | 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 #CAA8DF as 0% and #EFE6F5 as 100%.

0.0%	0.0% #CAA8DF	RGB 202 168 223	#CAA8DF
16.7%	16.7% #D0B2E2	RGB 208 178 226	#D0B2E2
33.3%	33.3% #D6BCE6	RGB 214 188 230	#D6BCE6
50.0%	50.0% #DCC7EA	RGB 220 199 234	#DCC7EA
66.7%	66.7% #E2D1ED	RGB 226 209 237	#E2D1ED
83.3%	83.3% #E8DBF1	RGB 232 219 241	#E8DBF1
100.0%	100.0% #EFE6F5	RGB 239 230 245	#EFE6F5

#CAA8DF #D0B2E2 #D6BCE6 #DCC7EA #E2D1ED #E8DBF1 #EFE6F5

#CAA8DF - #EFE6F5

HSV Blend

#CAA8DF - #EFE6F5 | 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 #CAA8DF as 0% and #EFE6F5 as 100%.

0.0%	0.0% #CAA8DF	RGB 202 168 223	#CAA8DF
16.7%	16.7% #CFB1E2	RGB 207 177 226	#CFB1E2
33.3%	33.3% #D5BBE6	RGB 213 187 230	#D5BBE6
50.0%	50.0% #DBC5EA	RGB 219 197 234	#DBC5EA
66.7%	66.7% #E2D0ED	RGB 226 208 237	#E2D0ED
83.3%	83.3% #E8DBF1	RGB 232 219 241	#E8DBF1
100.0%	100.0% #EFE6F5	RGB 239 230 245	#EFE6F5

#CAA8DF #CFB1E2 #D5BBE6 #DBC5EA #E2D0ED #E8DBF1 #EFE6F5

#CAA8DF - #DBC5EA - #EFE6F5

CSS codes

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

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