#B02C2C - #E8C2C2 | 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 #B02C2C a #E8C2C2

#B02C2C #E8C2C2

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

#B02C2C - #E8C2C2 | 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 #B02C2C como 0% y #E8C2C2 como 100%.

0.0%	0.0% #B02C2C	RGB 176 44 44	#B02C2C
16.7%	16.7% #B94545	RGB 185 69 69	#B94545
33.3%	33.3% #C25E5E	RGB 194 94 94	#C25E5E
50.0%	50.0% #CC7777	RGB 204 119 119	#CC7777
66.7%	66.7% #D59090	RGB 213 144 144	#D59090
83.3%	83.3% #DEA9A9	RGB 222 169 169	#DEA9A9
100.0%	100.0% #E8C2C2	RGB 232 194 194	#E8C2C2

#B02C2C #B94545 #C25E5E #CC7777 #D59090 #DEA9A9 #E8C2C2

#B02C2C - #E8C2C2

Mezcla HSV

#B02C2C - #E8C2C2 | 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 #B02C2C como 0% y #E8C2C2 como 100%.

0.0%	0.0% #B02C2C	RGB 176 44 44	#B02C2C
16.7%	16.7% #B94040	RGB 185 64 64	#B94040
33.3%	33.3% #C25656	RGB 194 86 86	#C25656
50.0%	50.0% #CC6E6E	RGB 204 110 110	#CC6E6E
66.7%	66.7% #D58888	RGB 213 136 136	#D58888
83.3%	83.3% #DEA4A4	RGB 222 164 164	#DEA4A4
100.0%	100.0% #E8C2C2	RGB 232 194 194	#E8C2C2

#B02C2C #B94040 #C25656 #CC6E6E #D58888 #DEA4A4 #E8C2C2

#B02C2C - #CC6E6E - #E8C2C2

Códigos CSS

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

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