#CAAF5E - #FFDF7F | 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 #CAAF5E a #FFDF7F

#CAAF5E #FFDF7F

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

#CAAF5E - #FFDF7F | 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 #CAAF5E como 0% y #FFDF7F como 100%.

0.0%	0.0% #CAAF5E	RGB 202 175 94	#CAAF5E
16.7%	16.7% #D2B763	RGB 210 183 99	#D2B763
33.3%	33.3% #DBBF69	RGB 219 191 105	#DBBF69
50.0%	50.0% #E4C76E	RGB 228 199 110	#E4C76E
66.7%	66.7% #EDCF74	RGB 237 207 116	#EDCF74
83.3%	83.3% #F6D779	RGB 246 215 121	#F6D779
100.0%	100.0% #FFDF7F	RGB 255 223 127	#FFDF7F

#CAAF5E #D2B763 #DBBF69 #E4C76E #EDCF74 #F6D779 #FFDF7F

#CAAF5E - #FFDF7F

Mezcla HSV

#CAAF5E - #FFDF7F | 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 #CAAF5E como 0% y #FFDF7F como 100%.

0.0%	0.0% #CAAF5E	RGB 202 175 94	#CAAF5E
16.7%	16.7% #D2B663	RGB 210 182 99	#D2B663
33.3%	33.3% #DBBE68	RGB 219 190 104	#DBBE68
50.0%	50.0% #E4C66E	RGB 228 198 110	#E4C66E
66.7%	66.7% #EDCE73	RGB 237 206 115	#EDCE73
83.3%	83.3% #F6D679	RGB 246 214 121	#F6D679
100.0%	100.0% #FFDF7F	RGB 255 223 127	#FFDF7F

#CAAF5E #D2B663 #DBBE68 #E4C66E #EDCE73 #F6D679 #FFDF7F

#CAAF5E - #E4C66E - #FFDF7F

Códigos CSS

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

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