#B88989 - #FED3AB | 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 #B88989 a #FED3AB

#B88989 #FED3AB

Calcule el color entre dos colores, #B88989 y #FED3AB. 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)

#B88989 - #FED3AB | 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 #B88989 como 0% y #FED3AB como 100%.

0.0%	0.0% #B88989	RGB 184 137 137	#B88989
16.7%	16.7% #C3958E	RGB 195 149 142	#C3958E
33.3%	33.3% #CFA194	RGB 207 161 148	#CFA194
50.0%	50.0% #DBAE9A	RGB 219 174 154	#DBAE9A
66.7%	66.7% #E6BA9F	RGB 230 186 159	#E6BA9F
83.3%	83.3% #F2C6A5	RGB 242 198 165	#F2C6A5
100.0%	100.0% #FED3AB	RGB 254 211 171	#FED3AB

#B88989 #C3958E #CFA194 #DBAE9A #E6BA9F #F2C6A5 #FED3AB

#B88989 - #FED3AB

Mezcla HSV

#B88989 - #FED3AB | 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 #B88989 como 0% y #FED3AB como 100%.

0.0%	0.0% #B88989	RGB 184 137 137	#B88989
16.7%	16.7% #C3938F	RGB 195 147 143	#C3938F
33.3%	33.3% #CF9E95	RGB 207 158 149	#CF9E95
50.0%	50.0% #DBAA9B	RGB 219 170 155	#DBAA9B
66.7%	66.7% #E6B7A0	RGB 230 183 160	#E6B7A0
83.3%	83.3% #F2C4A6	RGB 242 196 166	#F2C4A6
100.0%	100.0% #FED3AB	RGB 254 211 171	#FED3AB

#B88989 #C3938F #CF9E95 #DBAA9B #E6B7A0 #F2C4A6 #FED3AB

#B88989 - #DBAA9B - #FED3AB

Códigos CSS

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

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