#FFAD7E - #EB632D | 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 #FFAD7E a #EB632D

#FFAD7E #EB632D

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

#FFAD7E - #EB632D | 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 #FFAD7E como 0% y #EB632D como 100%.

0.0%	0.0% #FFAD7E	RGB 255 173 126	#FFAD7E
16.7%	16.7% #FBA070	RGB 251 160 112	#FBA070
33.3%	33.3% #F89463	RGB 248 148 99	#F89463
50.0%	50.0% #F58855	RGB 245 136 85	#F58855
66.7%	66.7% #F17B48	RGB 241 123 72	#F17B48
83.3%	83.3% #EE6F3A	RGB 238 111 58	#EE6F3A
100.0%	100.0% #EB632D	RGB 235 99 45	#EB632D

#FFAD7E #FBA070 #F89463 #F58855 #F17B48 #EE6F3A #EB632D

#FFAD7E - #EB632D

Mezcla HSV

#FFAD7E - #EB632D | 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 #FFAD7E como 0% y #EB632D como 100%.

0.0%	0.0% #FFAD7E	RGB 255 173 126	#FFAD7E
16.7%	16.7% #FBA06F	RGB 251 160 111	#FBA06F
33.3%	33.3% #F89461	RGB 248 148 97	#F89461
50.0%	50.0% #F58853	RGB 245 136 83	#F58853
66.7%	66.7% #F17B46	RGB 241 123 70	#F17B46
83.3%	83.3% #EE6F39	RGB 238 111 57	#EE6F39
100.0%	100.0% #EB632D	RGB 235 99 45	#EB632D

#FFAD7E #FBA06F #F89461 #F58853 #F17B46 #EE6F39 #EB632D

#FFAD7E - #F58853 - #EB632D

Códigos CSS

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

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