#C0ABB5 - #FFBBF4 | 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 #C0ABB5 to #FFBBF4

#C0ABB5 #FFBBF4

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

#C0ABB5 - #FFBBF4 | 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 #C0ABB5 as 0% and #FFBBF4 as 100%.

0.0%	0.0% #C0ABB5	RGB 192 171 181	#C0ABB5
16.7%	16.7% #CAADBF	RGB 202 173 191	#CAADBF
33.3%	33.3% #D5B0CA	RGB 213 176 202	#D5B0CA
50.0%	50.0% #DFB3D4	RGB 223 179 212	#DFB3D4
66.7%	66.7% #EAB5DF	RGB 234 181 223	#EAB5DF
83.3%	83.3% #F4B8E9	RGB 244 184 233	#F4B8E9
100.0%	100.0% #FFBBF4	RGB 255 187 244	#FFBBF4

#C0ABB5 #CAADBF #D5B0CA #DFB3D4 #EAB5DF #F4B8E9 #FFBBF4

#C0ABB5 - #FFBBF4

HSV Blend

#C0ABB5 - #FFBBF4 | 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 #C0ABB5 as 0% and #FFBBF4 as 100%.

0.0%	0.0% #C0ABB5	RGB 192 171 181	#C0ABB5
16.7%	16.7% #CAAFBD	RGB 202 175 189	#CAAFBD
33.3%	33.3% #D5B2C7	RGB 213 178 199	#D5B2C7
50.0%	50.0% #DFB5D1	RGB 223 181 209	#DFB5D1
66.7%	66.7% #EAB7DB	RGB 234 183 219	#EAB7DB
83.3%	83.3% #F4B9E7	RGB 244 185 231	#F4B9E7
100.0%	100.0% #FFBBF4	RGB 255 187 244	#FFBBF4

#C0ABB5 #CAAFBD #D5B2C7 #DFB5D1 #EAB7DB #F4B9E7 #FFBBF4

#C0ABB5 - #DFB5D1 - #FFBBF4

CSS codes

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

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