#AE8C8C - #FED4AE | 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 #AE8C8C a #FED4AE

#AE8C8C #FED4AE

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

#AE8C8C - #FED4AE | 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 #AE8C8C como 0% y #FED4AE como 100%.

0.0%	0.0% #AE8C8C	RGB 174 140 140	#AE8C8C
16.7%	16.7% #BB9891	RGB 187 152 145	#BB9891
33.3%	33.3% #C8A497	RGB 200 164 151	#C8A497
50.0%	50.0% #D6B09D	RGB 214 176 157	#D6B09D
66.7%	66.7% #E3BCA2	RGB 227 188 162	#E3BCA2
83.3%	83.3% #F0C8A8	RGB 240 200 168	#F0C8A8
100.0%	100.0% #FED4AE	RGB 254 212 174	#FED4AE

#AE8C8C #BB9891 #C8A497 #D6B09D #E3BCA2 #F0C8A8 #FED4AE

#AE8C8C - #FED4AE

Mezcla HSV

#AE8C8C - #FED4AE | 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 #AE8C8C como 0% y #FED4AE como 100%.

0.0%	0.0% #AE8C8C	RGB 174 140 140	#AE8C8C
16.7%	16.7% #BB9692	RGB 187 150 146	#BB9692
33.3%	33.3% #C8A099	RGB 200 160 153	#C8A099
50.0%	50.0% #D6AC9F	RGB 214 172 159	#D6AC9F
66.7%	66.7% #E3B8A4	RGB 227 184 164	#E3B8A4
83.3%	83.3% #F0C5A9	RGB 240 197 169	#F0C5A9
100.0%	100.0% #FED4AE	RGB 254 212 174	#FED4AE

#AE8C8C #BB9692 #C8A099 #D6AC9F #E3B8A4 #F0C5A9 #FED4AE

#AE8C8C - #D6AC9F - #FED4AE

Códigos CSS

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

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