#B88997 - #FEBAAB | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #B88997 a #FEBAAB

#B88997 #FEBAAB

Calcule el color entre dos colores, #B88997 y #FEBAAB. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#B88997 - #FEBAAB | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #B88997 como 0% y #FEBAAB como 100%.

0.0%	0.0% #B88997	RGB 184 137 151	#B88997
16.7%	16.7% #C3919A	RGB 195 145 154	#C3919A
33.3%	33.3% #CF999D	RGB 207 153 157	#CF999D
50.0%	50.0% #DBA1A1	RGB 219 161 161	#DBA1A1
66.7%	66.7% #E6A9A4	RGB 230 169 164	#E6A9A4
83.3%	83.3% #F2B1A7	RGB 242 177 167	#F2B1A7
100.0%	100.0% #FEBAAB	RGB 254 186 171	#FEBAAB

#B88997 #C3919A #CF999D #DBA1A1 #E6A9A4 #F2B1A7 #FEBAAB

#B88997 - #FEBAAB

Mezcla HSV

#B88997 - #FEBAAB | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #B88997 como 0% y #FEBAAB como 100%.

0.0%	0.0% #B88997	RGB 184 137 151	#B88997
16.7%	16.7% #C38F9A	RGB 195 143 154	#C38F9A
33.3%	33.3% #CF959D	RGB 207 149 157	#CF959D
50.0%	50.0% #DB9B9E	RGB 219 155 158	#DB9B9E
66.7%	66.7% #E6A2A0	RGB 230 162 160	#E6A2A0
83.3%	83.3% #F2ADA6	RGB 242 173 166	#F2ADA6
100.0%	100.0% #FEBAAB	RGB 254 186 171	#FEBAAB

#B88997 #C38F9A #CF959D #DB9B9E #E6A2A0 #F2ADA6 #FEBAAB

#B88997 - #DB9B9E - #FEBAAB

Códigos CSS

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

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