#958B78 - #FDCC93 | 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 #958B78 a #FDCC93

#958B78 #FDCC93

Calcule el color entre dos colores, #958B78 y #FDCC93. 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)

#958B78 - #FDCC93 | 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 #958B78 como 0% y #FDCC93 como 100%.

0.0%	0.0% #958B78	RGB 149 139 120	#958B78
16.7%	16.7% #A6957C	RGB 166 149 124	#A6957C
33.3%	33.3% #B7A081	RGB 183 160 129	#B7A081
50.0%	50.0% #C9AB85	RGB 201 171 133	#C9AB85
66.7%	66.7% #DAB68A	RGB 218 182 138	#DAB68A
83.3%	83.3% #EBC18E	RGB 235 193 142	#EBC18E
100.0%	100.0% #FDCC93	RGB 253 204 147	#FDCC93

#958B78 #A6957C #B7A081 #C9AB85 #DAB68A #EBC18E #FDCC93

#958B78 - #FDCC93

Mezcla HSV

#958B78 - #FDCC93 | 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 #958B78 como 0% y #FDCC93 como 100%.

0.0%	0.0% #958B78	RGB 149 139 120	#958B78
16.7%	16.7% #A6987F	RGB 166 152 127	#A6987F
33.3%	33.3% #B7A486	RGB 183 164 134	#B7A486
50.0%	50.0% #C9B08B	RGB 201 176 139	#C9B08B
66.7%	66.7% #DABA8F	RGB 218 186 143	#DABA8F
83.3%	83.3% #EBC391	RGB 235 195 145	#EBC391
100.0%	100.0% #FDCC93	RGB 253 204 147	#FDCC93

#958B78 #A6987F #B7A486 #C9B08B #DABA8F #EBC391 #FDCC93

#958B78 - #C9B08B - #FDCC93

Códigos CSS

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

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