#CA6B7E - #EFD4DA | 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 #CA6B7E to #EFD4DA

#CA6B7E #EFD4DA

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

#CA6B7E - #EFD4DA | 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 #CA6B7E as 0% and #EFD4DA as 100%.

0.0%	0.0% #CA6B7E	RGB 202 107 126	#CA6B7E
16.7%	16.7% #D07C8D	RGB 208 124 141	#D07C8D
33.3%	33.3% #D68E9C	RGB 214 142 156	#D68E9C
50.0%	50.0% #DC9FAC	RGB 220 159 172	#DC9FAC
66.7%	66.7% #E2B1BB	RGB 226 177 187	#E2B1BB
83.3%	83.3% #E8C2CA	RGB 232 194 202	#E8C2CA
100.0%	100.0% #EFD4DA	RGB 239 212 218	#EFD4DA

#CA6B7E #D07C8D #D68E9C #DC9FAC #E2B1BB #E8C2CA #EFD4DA

#CA6B7E - #EFD4DA

HSV Blend

#CA6B7E - #EFD4DA | 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 #CA6B7E as 0% and #EFD4DA as 100%.

0.0%	0.0% #CA6B7D	RGB 202 107 125	#CA6B7D
16.7%	16.7% #D07A8C	RGB 208 122 140	#D07A8C
33.3%	33.3% #D68B9A	RGB 214 139 154	#D68B9A
50.0%	50.0% #DC9CA9	RGB 220 156 169	#DC9CA9
66.7%	66.7% #E2AEB9	RGB 226 174 185	#E2AEB9
83.3%	83.3% #E8C0C9	RGB 232 192 201	#E8C0C9
100.0%	100.0% #EFD4DA	RGB 239 212 218	#EFD4DA

#CA6B7D #D07A8C #D68B9A #DC9CA9 #E2AEB9 #E8C0C9 #EFD4DA

#CA6B7E - #DC9CA9 - #EFD4DA

CSS codes

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

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