#A38488 - #FFC99E | 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 #A38488 a #FFC99E

#A38488 #FFC99E

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

#A38488 - #FFC99E | 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 #A38488 como 0% y #FFC99E como 100%.

0.0%	0.0% #A38488	RGB 163 132 136	#A38488
16.7%	16.7% #B28F8B	RGB 178 143 139	#B28F8B
33.3%	33.3% #C19B8F	RGB 193 155 143	#C19B8F
50.0%	50.0% #D1A693	RGB 209 166 147	#D1A693
66.7%	66.7% #E0B296	RGB 224 178 150	#E0B296
83.3%	83.3% #EFBD9A	RGB 239 189 154	#EFBD9A
100.0%	100.0% #FFC99E	RGB 255 201 158	#FFC99E

#A38488 #B28F8B #C19B8F #D1A693 #E0B296 #EFBD9A #FFC99E

#A38488 - #FFC99E

Mezcla HSV

#A38488 - #FFC99E | 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 #A38488 como 0% y #FFC99E como 100%.

0.0%	0.0% #A38488	RGB 163 132 136	#A38488
16.7%	16.7% #B28A8C	RGB 178 138 140	#B28A8C
33.3%	33.3% #C19390	RGB 193 147 144	#C19390
50.0%	50.0% #D19E95	RGB 209 158 149	#D19E95
66.7%	66.7% #E0AB99	RGB 224 171 153	#E0AB99
83.3%	83.3% #EFB99C	RGB 239 185 156	#EFB99C
100.0%	100.0% #FFC99E	RGB 255 201 158	#FFC99E

#A38488 #B28A8C #C19390 #D19E95 #E0AB99 #EFB99C #FFC99E

#A38488 - #D19E95 - #FFC99E

Códigos CSS

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

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