#A8C7B5 - #E6EFE9 | 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 #A8C7B5 a #E6EFE9

#A8C7B5 #E6EFE9

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

#A8C7B5 - #E6EFE9 | 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 #A8C7B5 como 0% y #E6EFE9 como 100%.

0.0%	0.0% #A8C7B5	RGB 168 199 181	#A8C7B5
16.7%	16.7% #B2CDBD	RGB 178 205 189	#B2CDBD
33.3%	33.3% #BCD4C6	RGB 188 212 198	#BCD4C6
50.0%	50.0% #C7DBCF	RGB 199 219 207	#C7DBCF
66.7%	66.7% #D1E1D7	RGB 209 225 215	#D1E1D7
83.3%	83.3% #DBE8E0	RGB 219 232 224	#DBE8E0
100.0%	100.0% #E6EFE9	RGB 230 239 233	#E6EFE9

#A8C7B5 #B2CDBD #BCD4C6 #C7DBCF #D1E1D7 #DBE8E0 #E6EFE9

#A8C7B5 - #E6EFE9

Mezcla HSV

#A8C7B5 - #E6EFE9 | 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 #A8C7B5 como 0% y #E6EFE9 como 100%.

0.0%	0.0% #A8C7B5	RGB 168 199 181	#A8C7B5
16.7%	16.7% #B1CDBD	RGB 177 205 189	#B1CDBD
33.3%	33.3% #BBD4C5	RGB 187 212 197	#BBD4C5
50.0%	50.0% #C5DBCD	RGB 197 219 205	#C5DBCD
66.7%	66.7% #D0E1D6	RGB 208 225 214	#D0E1D6
83.3%	83.3% #DBE8DF	RGB 219 232 223	#DBE8DF
100.0%	100.0% #E6EFE9	RGB 230 239 233	#E6EFE9

#A8C7B5 #B1CDBD #BBD4C5 #C5DBCD #D0E1D6 #DBE8DF #E6EFE9

#A8C7B5 - #C5DBCD - #E6EFE9

Códigos CSS

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

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