#C7A78E - #E5A8D9 | 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 #C7A78E a #E5A8D9

#C7A78E #E5A8D9

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

#C7A78E - #E5A8D9 | 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 #C7A78E como 0% y #E5A8D9 como 100%.

0.0%	0.0% #C7A78E	RGB 199 167 142	#C7A78E
16.7%	16.7% #CCA79A	RGB 204 167 154	#CCA79A
33.3%	33.3% #D1A7A7	RGB 209 167 167	#D1A7A7
50.0%	50.0% #D6A7B3	RGB 214 167 179	#D6A7B3
66.7%	66.7% #DBA7C0	RGB 219 167 192	#DBA7C0
83.3%	83.3% #E0A7CC	RGB 224 167 204	#E0A7CC
100.0%	100.0% #E5A8D9	RGB 229 168 217	#E5A8D9

#C7A78E #CCA79A #D1A7A7 #D6A7B3 #DBA7C0 #E0A7CC #E5A8D9

#C7A78E - #E5A8D9

Mezcla HSV

#C7A78E - #E5A8D9 | 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 #C7A78E como 0% y #E5A8D9 como 100%.

0.0%	0.0% #C7A78E	RGB 199 167 142	#C7A78E
16.7%	16.7% #CC9F92	RGB 204 159 146	#CC9F92
33.3%	33.3% #D19796	RGB 209 151 150	#D19796
50.0%	50.0% #D69AA5	RGB 214 154 165	#D69AA5
66.7%	66.7% #DB9FB6	RGB 219 159 182	#DB9FB6
83.3%	83.3% #E0A3C7	RGB 224 163 199	#E0A3C7
100.0%	100.0% #E5A8D9	RGB 229 168 217	#E5A8D9

#C7A78E #CC9F92 #D19796 #D69AA5 #DB9FB6 #E0A3C7 #E5A8D9

#C7A78E - #D69AA5 - #E5A8D9

Códigos CSS

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

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