#78363C - #D8C5C7 | 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 #78363C a #D8C5C7

#78363C #D8C5C7

Calcule el color entre dos colores, #78363C y #D8C5C7. 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)

#78363C - #D8C5C7 | 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 #78363C como 0% y #D8C5C7 como 100%.

0.0%	0.0% #78363C	RGB 120 54 60	#78363C
16.7%	16.7% #884D53	RGB 136 77 83	#884D53
33.3%	33.3% #98656A	RGB 152 101 106	#98656A
50.0%	50.0% #A87D81	RGB 168 125 129	#A87D81
66.7%	66.7% #B89598	RGB 184 149 152	#B89598
83.3%	83.3% #C8ADAF	RGB 200 173 175	#C8ADAF
100.0%	100.0% #D8C5C7	RGB 216 197 199	#D8C5C7

#78363C #884D53 #98656A #A87D81 #B89598 #C8ADAF #D8C5C7

#78363C - #D8C5C7

Mezcla HSV

#78363C - #D8C5C7 | 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 #78363C como 0% y #D8C5C7 como 100%.

0.0%	0.0% #78363B	RGB 120 54 59	#78363B
16.7%	16.7% #88474D	RGB 136 71 77	#88474D
33.3%	33.3% #985B61	RGB 152 91 97	#985B61
50.0%	50.0% #A87277	RGB 168 114 119	#A87277
66.7%	66.7% #B88B8F	RGB 184 139 143	#B88B8F
83.3%	83.3% #C8A7AA	RGB 200 167 170	#C8A7AA
100.0%	100.0% #D8C5C7	RGB 216 197 199	#D8C5C7

#78363B #88474D #985B61 #A87277 #B88B8F #C8A7AA #D8C5C7

#78363C - #A87277 - #D8C5C7

Códigos CSS

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

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