#ECB2B2 - #DA5E5C | 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 #ECB2B2 a #DA5E5C

#ECB2B2 #DA5E5C

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

#ECB2B2 - #DA5E5C | 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 #ECB2B2 como 0% y #DA5E5C como 100%.

0.0%	0.0% #ECB2B2	RGB 236 178 178	#ECB2B2
16.7%	16.7% #E9A4A3	RGB 233 164 163	#E9A4A3
33.3%	33.3% #E69695	RGB 230 150 149	#E69695
50.0%	50.0% #E38887	RGB 227 136 135	#E38887
66.7%	66.7% #E07A78	RGB 224 122 120	#E07A78
83.3%	83.3% #DD6C6A	RGB 221 108 106	#DD6C6A
100.0%	100.0% #DA5E5C	RGB 218 94 92	#DA5E5C

#ECB2B2 #E9A4A3 #E69695 #E38887 #E07A78 #DD6C6A #DA5E5C

#ECB2B2 - #DA5E5C

Mezcla HSV

#ECB2B2 - #DA5E5C | 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 #ECB2B2 como 0% y #DA5E5C como 100%.

0.0%	0.0% #ECB2B2	RGB 236 178 178	#ECB2B2
16.7%	16.7% #E9A3A2	RGB 233 163 162	#E9A3A2
33.3%	33.3% #E69494	RGB 230 148 148	#E69494
50.0%	50.0% #E38685	RGB 227 134 133	#E38685
66.7%	66.7% #E07877	RGB 224 120 119	#E07877
83.3%	83.3% #DD6B69	RGB 221 107 105	#DD6B69
100.0%	100.0% #DA5E5C	RGB 218 94 92	#DA5E5C

#ECB2B2 #E9A3A2 #E69494 #E38685 #E07877 #DD6B69 #DA5E5C

#ECB2B2 - #E38685 - #DA5E5C

Códigos CSS

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

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