#B3413C - #E9C8C7 | 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 #B3413C a #E9C8C7

#B3413C #E9C8C7

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

#B3413C - #E9C8C7 | 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 #B3413C como 0% y #E9C8C7 como 100%.

0.0%	0.0% #B3413C	RGB 179 65 60	#B3413C
16.7%	16.7% #BC5753	RGB 188 87 83	#BC5753
33.3%	33.3% #C56E6A	RGB 197 110 106	#C56E6A
50.0%	50.0% #CE8481	RGB 206 132 129	#CE8481
66.7%	66.7% #D79B98	RGB 215 155 152	#D79B98
83.3%	83.3% #E0B1AF	RGB 224 177 175	#E0B1AF
100.0%	100.0% #E9C8C7	RGB 233 200 199	#E9C8C7

#B3413C #BC5753 #C56E6A #CE8481 #D79B98 #E0B1AF #E9C8C7

#B3413C - #E9C8C7

Mezcla HSV

#B3413C - #E9C8C7 | 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 #B3413C como 0% y #E9C8C7 como 100%.

0.0%	0.0% #B3413C	RGB 179 65 60	#B3413C
16.7%	16.7% #BC534F	RGB 188 83 79	#BC534F
33.3%	33.3% #C56764	RGB 197 103 100	#C56764
50.0%	50.0% #CE7D7A	RGB 206 125 122	#CE7D7A
66.7%	66.7% #D79492	RGB 215 148 146	#D79492
83.3%	83.3% #E0ADAB	RGB 224 173 171	#E0ADAB
100.0%	100.0% #E9C8C7	RGB 233 200 199	#E9C8C7

#B3413C #BC534F #C56764 #CE7D7A #D79492 #E0ADAB #E9C8C7

#B3413C - #CE7D7A - #E9C8C7

Códigos CSS

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

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