#CA68A6 - #EFD3E5 | 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 #CA68A6 to #EFD3E5

#CA68A6 #EFD3E5

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

#CA68A6 - #EFD3E5 | 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 #CA68A6 as 0% and #EFD3E5 as 100%.

0.0%	0.0% #CA68A6	RGB 202 104 166	#CA68A6
16.7%	16.7% #D079B0	RGB 208 121 176	#D079B0
33.3%	33.3% #D68BBB	RGB 214 139 187	#D68BBB
50.0%	50.0% #DC9DC5	RGB 220 157 197	#DC9DC5
66.7%	66.7% #E2AFD0	RGB 226 175 208	#E2AFD0
83.3%	83.3% #E8C1DA	RGB 232 193 218	#E8C1DA
100.0%	100.0% #EFD3E5	RGB 239 211 229	#EFD3E5

#CA68A6 #D079B0 #D68BBB #DC9DC5 #E2AFD0 #E8C1DA #EFD3E5

#CA68A6 - #EFD3E5

HSV Blend

#CA68A6 - #EFD3E5 | 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 #CA68A6 as 0% and #EFD3E5 as 100%.

0.0%	0.0% #CA68A6	RGB 202 104 166	#CA68A6
16.7%	16.7% #D077AF	RGB 208 119 175	#D077AF
33.3%	33.3% #D688BA	RGB 214 136 186	#D688BA
50.0%	50.0% #DC9AC4	RGB 220 154 196	#DC9AC4
66.7%	66.7% #E2ACCF	RGB 226 172 207	#E2ACCF
83.3%	83.3% #E8BFD9	RGB 232 191 217	#E8BFD9
100.0%	100.0% #EFD3E5	RGB 239 211 229	#EFD3E5

#CA68A6 #D077AF #D688BA #DC9AC4 #E2ACCF #E8BFD9 #EFD3E5

#CA68A6 - #DC9AC4 - #EFD3E5

CSS codes

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

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