#C78B5E - #FFB67F | 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 #C78B5E a #FFB67F

#C78B5E #FFB67F

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

#C78B5E - #FFB67F | 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 #C78B5E como 0% y #FFB67F como 100%.

0.0%	0.0% #C78B5E	RGB 199 139 94	#C78B5E
16.7%	16.7% #D09263	RGB 208 146 99	#D09263
33.3%	33.3% #D99969	RGB 217 153 105	#D99969
50.0%	50.0% #E3A06E	RGB 227 160 110	#E3A06E
66.7%	66.7% #ECA774	RGB 236 167 116	#ECA774
83.3%	83.3% #F5AE79	RGB 245 174 121	#F5AE79
100.0%	100.0% #FFB67F	RGB 255 182 127	#FFB67F

#C78B5E #D09263 #D99969 #E3A06E #ECA774 #F5AE79 #FFB67F

#C78B5E - #FFB67F

Mezcla HSV

#C78B5E - #FFB67F | 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 #C78B5E como 0% y #FFB67F como 100%.

0.0%	0.0% #C78B5E	RGB 199 139 94	#C78B5E
16.7%	16.7% #D09263	RGB 208 146 99	#D09263
33.3%	33.3% #D99968	RGB 217 153 104	#D99968
50.0%	50.0% #E3A06E	RGB 227 160 110	#E3A06E
66.7%	66.7% #ECA773	RGB 236 167 115	#ECA773
83.3%	83.3% #F5AE79	RGB 245 174 121	#F5AE79
100.0%	100.0% #FFB67F	RGB 255 182 127	#FFB67F

#C78B5E #D09263 #D99968 #E3A06E #ECA773 #F5AE79 #FFB67F

#C78B5E - #E3A06E - #FFB67F

Códigos CSS

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

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