#AD4D5E - #FA9A71 | 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 #AD4D5E a #FA9A71

#AD4D5E #FA9A71

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

#AD4D5E - #FA9A71 | 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 #AD4D5E como 0% y #FA9A71 como 100%.

0.0%	0.0% #AD4D5E	RGB 173 77 94	#AD4D5E
16.7%	16.7% #B95961	RGB 185 89 97	#B95961
33.3%	33.3% #C66664	RGB 198 102 100	#C66664
50.0%	50.0% #D37367	RGB 211 115 103	#D37367
66.7%	66.7% #E0806A	RGB 224 128 106	#E0806A
83.3%	83.3% #ED8D6D	RGB 237 141 109	#ED8D6D
100.0%	100.0% #FA9A71	RGB 250 154 113	#FA9A71

#AD4D5E #B95961 #C66664 #D37367 #E0806A #ED8D6D #FA9A71

#AD4D5E - #FA9A71

Mezcla HSV

#AD4D5E - #FA9A71 | 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 #AD4D5E como 0% y #FA9A71 como 100%.

0.0%	0.0% #AD4D5E	RGB 173 77 94	#AD4D5E
16.7%	16.7% #B9525C	RGB 185 82 92	#B9525C
33.3%	33.3% #C6585A	RGB 198 88 90	#C6585A
50.0%	50.0% #D3655E	RGB 211 101 94	#D3655E
66.7%	66.7% #E07664	RGB 224 118 100	#E07664
83.3%	83.3% #ED876A	RGB 237 135 106	#ED876A
100.0%	100.0% #FA9A71	RGB 250 154 113	#FA9A71

#AD4D5E #B9525C #C6585A #D3655E #E07664 #ED876A #FA9A71

#AD4D5E - #D3655E - #FA9A71

Códigos CSS

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

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