#BE3E3E - #ECC7C7 | 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 #BE3E3E a #ECC7C7

#BE3E3E #ECC7C7

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

#BE3E3E - #ECC7C7 | 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 #BE3E3E como 0% y #ECC7C7 como 100%.

0.0%	0.0% #BE3E3E	RGB 190 62 62	#BE3E3E
16.7%	16.7% #C55454	RGB 197 84 84	#C55454
33.3%	33.3% #CD6B6B	RGB 205 107 107	#CD6B6B
50.0%	50.0% #D58282	RGB 213 130 130	#D58282
66.7%	66.7% #DC9999	RGB 220 153 153	#DC9999
83.3%	83.3% #E4B0B0	RGB 228 176 176	#E4B0B0
100.0%	100.0% #ECC7C7	RGB 236 199 199	#ECC7C7

#BE3E3E #C55454 #CD6B6B #D58282 #DC9999 #E4B0B0 #ECC7C7

#BE3E3E - #ECC7C7

Mezcla HSV

#BE3E3E - #ECC7C7 | 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 #BE3E3E como 0% y #ECC7C7 como 100%.

0.0%	0.0% #BE3E3E	RGB 190 62 62	#BE3E3E
16.7%	16.7% #C55151	RGB 197 81 81	#C55151
33.3%	33.3% #CD6666	RGB 205 102 102	#CD6666
50.0%	50.0% #D57C7C	RGB 213 124 124	#D57C7C
66.7%	66.7% #DC9494	RGB 220 148 148	#DC9494
83.3%	83.3% #E4ACAC	RGB 228 172 172	#E4ACAC
100.0%	100.0% #ECC7C7	RGB 236 199 199	#ECC7C7

#BE3E3E #C55151 #CD6666 #D57C7C #DC9494 #E4ACAC #ECC7C7

#BE3E3E - #D57C7C - #ECC7C7

Códigos CSS

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

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