#CAA0AF - #FFBEBE | 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 #CAA0AF to #FFBEBE

#CAA0AF #FFBEBE

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

#CAA0AF - #FFBEBE | 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 #CAA0AF as 0% and #FFBEBE as 100%.

0.0%	0.0% #CAA0AF	RGB 202 160 175	#CAA0AF
16.7%	16.7% #D2A5B1	RGB 210 165 177	#D2A5B1
33.3%	33.3% #DBAAB4	RGB 219 170 180	#DBAAB4
50.0%	50.0% #E4AFB6	RGB 228 175 182	#E4AFB6
66.7%	66.7% #EDB4B9	RGB 237 180 185	#EDB4B9
83.3%	83.3% #F6B9BB	RGB 246 185 187	#F6B9BB
100.0%	100.0% #FFBEBE	RGB 255 190 190	#FFBEBE

#CAA0AF #D2A5B1 #DBAAB4 #E4AFB6 #EDB4B9 #F6B9BB #FFBEBE

#CAA0AF - #FFBEBE

HSV Blend

#CAA0AF - #FFBEBE | 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 #CAA0AF as 0% and #FFBEBE as 100%.

0.0%	0.0% #CAA0AF	RGB 202 160 175	#CAA0AF
16.7%	16.7% #D2A5B2	RGB 210 165 178	#D2A5B2
33.3%	33.3% #DBAAB6	RGB 219 170 182	#DBAAB6
50.0%	50.0% #E4AFB9	RGB 228 175 185	#E4AFB9
66.7%	66.7% #EDB4BB	RGB 237 180 187	#EDB4BB
83.3%	83.3% #F6B9BC	RGB 246 185 188	#F6B9BC
100.0%	100.0% #FFBEBE	RGB 255 190 190	#FFBEBE

#CAA0AF #D2A5B2 #DBAAB6 #E4AFB9 #EDB4BB #F6B9BC #FFBEBE

#CAA0AF - #E4AFB9 - #FFBEBE

CSS codes

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

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