#CAA4A5 - #EFE5E6 | 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 #CAA4A5 to #EFE5E6

#CAA4A5 #EFE5E6

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

#CAA4A5 - #EFE5E6 | 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 #CAA4A5 as 0% and #EFE5E6 as 100%.

0.0%	0.0% #CAA4A5	RGB 202 164 165	#CAA4A5
16.7%	16.7% #D0AEAF	RGB 208 174 175	#D0AEAF
33.3%	33.3% #D6B9BA	RGB 214 185 186	#D6B9BA
50.0%	50.0% #DCC4C5	RGB 220 196 197	#DCC4C5
66.7%	66.7% #E2CFD0	RGB 226 207 208	#E2CFD0
83.3%	83.3% #E8DADB	RGB 232 218 219	#E8DADB
100.0%	100.0% #EFE5E6	RGB 239 229 230	#EFE5E6

#CAA4A5 #D0AEAF #D6B9BA #DCC4C5 #E2CFD0 #E8DADB #EFE5E6

#CAA4A5 - #EFE5E6

HSV Blend

#CAA4A5 - #EFE5E6 | 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 #CAA4A5 as 0% and #EFE5E6 as 100%.

0.0%	0.0% #CAA4A5	RGB 202 164 165	#CAA4A5
16.7%	16.7% #D0AEAF	RGB 208 174 175	#D0AEAF
33.3%	33.3% #D6B8B9	RGB 214 184 185	#D6B8B9
50.0%	50.0% #DCC3C4	RGB 220 195 196	#DCC3C4
66.7%	66.7% #E2CECF	RGB 226 206 207	#E2CECF
83.3%	83.3% #E8D9DA	RGB 232 217 218	#E8D9DA
100.0%	100.0% #EFE5E6	RGB 239 229 230	#EFE5E6

#CAA4A5 #D0AEAF #D6B8B9 #DCC3C4 #E2CECF #E8D9DA #EFE5E6

#CAA4A5 - #DCC3C4 - #EFE5E6

CSS codes

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

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