#CAD0A8 - #F4F0C4 | 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 #CAD0A8 a #F4F0C4

#CAD0A8 #F4F0C4

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

#CAD0A8 - #F4F0C4 | 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 #CAD0A8 como 0% y #F4F0C4 como 100%.

0.0%	0.0% #CAD0A8	RGB 202 208 168	#CAD0A8
16.7%	16.7% #D1D5AC	RGB 209 213 172	#D1D5AC
33.3%	33.3% #D8DAB1	RGB 216 218 177	#D8DAB1
50.0%	50.0% #DFE0B6	RGB 223 224 182	#DFE0B6
66.7%	66.7% #E6E5BA	RGB 230 229 186	#E6E5BA
83.3%	83.3% #EDEABF	RGB 237 234 191	#EDEABF
100.0%	100.0% #F4F0C4	RGB 244 240 196	#F4F0C4

#CAD0A8 #D1D5AC #D8DAB1 #DFE0B6 #E6E5BA #EDEABF #F4F0C4

#CAD0A8 - #F4F0C4

Mezcla HSV

#CAD0A8 - #F4F0C4 | 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 #CAD0A8 como 0% y #F4F0C4 como 100%.

0.0%	0.0% #CAD0A8	RGB 202 208 168	#CAD0A8
16.7%	16.7% #D1D6AC	RGB 209 214 172	#D1D6AC
33.3%	33.3% #D8DCB1	RGB 216 220 177	#D8DCB1
50.0%	50.0% #E0E2B6	RGB 224 226 182	#E0E2B6
66.7%	66.7% #E8E7BA	RGB 232 231 186	#E8E7BA
83.3%	83.3% #EEEBBF	RGB 238 235 191	#EEEBBF
100.0%	100.0% #F4F0C4	RGB 244 240 196	#F4F0C4

#CAD0A8 #D1D6AC #D8DCB1 #E0E2B6 #E8E7BA #EEEBBF #F4F0C4

#CAD0A8 - #E0E2B6 - #F4F0C4

Códigos CSS

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

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