#CAA265 - #EFE4D3 | 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 #CAA265 a #EFE4D3

#CAA265 #EFE4D3

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

#CAA265 - #EFE4D3 | 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 #CAA265 como 0% y #EFE4D3 como 100%.

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #D0AD77	RGB 208 173 119	#D0AD77
33.3%	33.3% #D6B889	RGB 214 184 137	#D6B889
50.0%	50.0% #DCC39C	RGB 220 195 156	#DCC39C
66.7%	66.7% #E2CEAE	RGB 226 206 174	#E2CEAE
83.3%	83.3% #E8D9C0	RGB 232 217 192	#E8D9C0
100.0%	100.0% #EFE4D3	RGB 239 228 211	#EFE4D3

#CAA265 #D0AD77 #D6B889 #DCC39C #E2CEAE #E8D9C0 #EFE4D3

#CAA265 - #EFE4D3

Mezcla HSV

#CAA265 - #EFE4D3 | 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 #CAA265 como 0% y #EFE4D3 como 100%.

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #D0AC75	RGB 208 172 117	#D0AC75
33.3%	33.3% #D6B686	RGB 214 182 134	#D6B686
50.0%	50.0% #DCC198	RGB 220 193 152	#DCC198
66.7%	66.7% #E2CCAB	RGB 226 204 171	#E2CCAB
83.3%	83.3% #E8D8BE	RGB 232 216 190	#E8D8BE
100.0%	100.0% #EFE4D3	RGB 239 228 211	#EFE4D3

#CAA265 #D0AC75 #D6B686 #DCC198 #E2CCAB #E8D8BE #EFE4D3

#CAA265 - #DCC198 - #EFE4D3

Códigos CSS

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

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