#A8CAA8 - #F5E7B2 | 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 #A8CAA8 a #F5E7B2

#A8CAA8 #F5E7B2

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

#A8CAA8 - #F5E7B2 | 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 #A8CAA8 como 0% y #F5E7B2 como 100%.

0.0%	0.0% #A8CAA8	RGB 168 202 168	#A8CAA8
16.7%	16.7% #B4CEA9	RGB 180 206 169	#B4CEA9
33.3%	33.3% #C1D3AB	RGB 193 211 171	#C1D3AB
50.0%	50.0% #CED8AD	RGB 206 216 173	#CED8AD
66.7%	66.7% #DBDDAE	RGB 219 221 174	#DBDDAE
83.3%	83.3% #E8E2B0	RGB 232 226 176	#E8E2B0
100.0%	100.0% #F5E7B2	RGB 245 231 178	#F5E7B2

#A8CAA8 #B4CEA9 #C1D3AB #CED8AD #DBDDAE #E8E2B0 #F5E7B2

#A8CAA8 - #F5E7B2

Mezcla HSV

#A8CAA8 - #F5E7B2 | 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 #A8CAA8 como 0% y #F5E7B2 como 100%.

0.0%	0.0% #A8CAA8	RGB 168 202 168	#A8CAA8
16.7%	16.7% #B2D1AA	RGB 178 209 170	#B2D1AA
33.3%	33.3% #BED8AC	RGB 190 216 172	#BED8AC
50.0%	50.0% #CBDFAE	RGB 203 223 174	#CBDFAE
66.7%	66.7% #DBE6AF	RGB 219 230 175	#DBE6AF
83.3%	83.3% #EDEDB0	RGB 237 237 176	#EDEDB0
100.0%	100.0% #F5E7B2	RGB 245 231 178	#F5E7B2

#A8CAA8 #B2D1AA #BED8AC #CBDFAE #DBE6AF #EDEDB0 #F5E7B2

#A8CAA8 - #CBDFAE - #F5E7B2

Códigos CSS

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

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