#EFD6E4 - #CA80A1 | 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 #EFD6E4 to #CA80A1

#EFD6E4 #CA80A1

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

#EFD6E4 - #CA80A1 | 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 #EFD6E4 as 0% and #CA80A1 as 100%.

0.0%	0.0% #EFD6E4	RGB 239 214 228	#EFD6E4
16.7%	16.7% #E8C7D8	RGB 232 199 216	#E8C7D8
33.3%	33.3% #E2B9CD	RGB 226 185 205	#E2B9CD
50.0%	50.0% #DCABC2	RGB 220 171 194	#DCABC2
66.7%	66.7% #D69CB7	RGB 214 156 183	#D69CB7
83.3%	83.3% #D08EAC	RGB 208 142 172	#D08EAC
100.0%	100.0% #CA80A1	RGB 202 128 161	#CA80A1

#EFD6E4 #E8C7D8 #E2B9CD #DCABC2 #D69CB7 #D08EAC #CA80A1

#EFD6E4 - #CA80A1

HSV Blend

#EFD6E4 - #CA80A1 | 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 #EFD6E4 as 0% and #CA80A1 as 100%.

0.0%	0.0% #EFD6E4	RGB 239 214 228	#EFD6E4
16.7%	16.7% #E8C6D8	RGB 232 198 216	#E8C6D8
33.3%	33.3% #E2B7CD	RGB 226 183 205	#E2B7CD
50.0%	50.0% #DCA8C2	RGB 220 168 194	#DCA8C2
66.7%	66.7% #D69AB7	RGB 214 154 183	#D69AB7
83.3%	83.3% #D08CAC	RGB 208 140 172	#D08CAC
100.0%	100.0% #CA80A1	RGB 202 128 161	#CA80A1

#EFD6E4 #E8C6D8 #E2B7CD #DCA8C2 #D69AB7 #D08CAC #CA80A1

#EFD6E4 - #DCA8C2 - #CA80A1

CSS codes

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

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