#A8CAA2 - #E6EFE4 | 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 #A8CAA2 a #E6EFE4

#A8CAA2 #E6EFE4

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

#A8CAA2 - #E6EFE4 | 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 #A8CAA2 como 0% y #E6EFE4 como 100%.

0.0%	0.0% #A8CAA2	RGB 168 202 162	#A8CAA2
16.7%	16.7% #B2D0AD	RGB 178 208 173	#B2D0AD
33.3%	33.3% #BCD6B8	RGB 188 214 184	#BCD6B8
50.0%	50.0% #C7DCC3	RGB 199 220 195	#C7DCC3
66.7%	66.7% #D1E2CE	RGB 209 226 206	#D1E2CE
83.3%	83.3% #DBE8D9	RGB 219 232 217	#DBE8D9
100.0%	100.0% #E6EFE4	RGB 230 239 228	#E6EFE4

#A8CAA2 #B2D0AD #BCD6B8 #C7DCC3 #D1E2CE #DBE8D9 #E6EFE4

#A8CAA2 - #E6EFE4

Mezcla HSV

#A8CAA2 - #E6EFE4 | 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 #A8CAA2 como 0% y #E6EFE4 como 100%.

0.0%	0.0% #A8CAA2	RGB 168 202 162	#A8CAA2
16.7%	16.7% #B1D0AC	RGB 177 208 172	#B1D0AC
33.3%	33.3% #BBD6B6	RGB 187 214 182	#BBD6B6
50.0%	50.0% #C6DCC1	RGB 198 220 193	#C6DCC1
66.7%	66.7% #D0E2CC	RGB 208 226 204	#D0E2CC
83.3%	83.3% #DBE8D8	RGB 219 232 216	#DBE8D8
100.0%	100.0% #E6EFE4	RGB 230 239 228	#E6EFE4

#A8CAA2 #B1D0AC #BBD6B6 #C6DCC1 #D0E2CC #DBE8D8 #E6EFE4

#A8CAA2 - #C6DCC1 - #E6EFE4

Códigos CSS

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

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