#C39B5E - #FFD67D | 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 #C39B5E a #FFD67D

#C39B5E #FFD67D

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

#C39B5E - #FFD67D | 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 #C39B5E como 0% y #FFD67D como 100%.

0.0%	0.0% #C39B5E	RGB 195 155 94	#C39B5E
16.7%	16.7% #CDA463	RGB 205 164 99	#CDA463
33.3%	33.3% #D7AE68	RGB 215 174 104	#D7AE68
50.0%	50.0% #E1B86D	RGB 225 184 109	#E1B86D
66.7%	66.7% #EBC272	RGB 235 194 114	#EBC272
83.3%	83.3% #F5CC77	RGB 245 204 119	#F5CC77
100.0%	100.0% #FFD67D	RGB 255 214 125	#FFD67D

#C39B5E #CDA463 #D7AE68 #E1B86D #EBC272 #F5CC77 #FFD67D

#C39B5E - #FFD67D

Mezcla HSV

#C39B5E - #FFD67D | 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 #C39B5E como 0% y #FFD67D como 100%.

0.0%	0.0% #C39B5E	RGB 195 155 94	#C39B5E
16.7%	16.7% #CDA463	RGB 205 164 99	#CDA463
33.3%	33.3% #D7AE68	RGB 215 174 104	#D7AE68
50.0%	50.0% #E1B76D	RGB 225 183 109	#E1B76D
66.7%	66.7% #EBC172	RGB 235 193 114	#EBC172
83.3%	83.3% #F5CB77	RGB 245 203 119	#F5CB77
100.0%	100.0% #FFD67D	RGB 255 214 125	#FFD67D

#C39B5E #CDA463 #D7AE68 #E1B76D #EBC172 #F5CB77 #FFD67D

#C39B5E - #E1B76D - #FFD67D

Códigos CSS

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

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