#A8CEC3 - #E6F1ED | 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 #A8CEC3 a #E6F1ED

#A8CEC3 #E6F1ED

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

#A8CEC3 - #E6F1ED | 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 #A8CEC3 como 0% y #E6F1ED como 100%.

0.0%	0.0% #A8CEC3	RGB 168 206 195	#A8CEC3
16.7%	16.7% #B2D3CA	RGB 178 211 202	#B2D3CA
33.3%	33.3% #BCD9D1	RGB 188 217 209	#BCD9D1
50.0%	50.0% #C7DFD8	RGB 199 223 216	#C7DFD8
66.7%	66.7% #D1E5DF	RGB 209 229 223	#D1E5DF
83.3%	83.3% #DBEBE6	RGB 219 235 230	#DBEBE6
100.0%	100.0% #E6F1ED	RGB 230 241 237	#E6F1ED

#A8CEC3 #B2D3CA #BCD9D1 #C7DFD8 #D1E5DF #DBEBE6 #E6F1ED

#A8CEC3 - #E6F1ED

Mezcla HSV

#A8CEC3 - #E6F1ED | 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 #A8CEC3 como 0% y #E6F1ED como 100%.

0.0%	0.0% #A8CEC3	RGB 168 206 195	#A8CEC3
16.7%	16.7% #B1D3C9	RGB 177 211 201	#B1D3C9
33.3%	33.3% #BBD9D0	RGB 187 217 208	#BBD9D0
50.0%	50.0% #C5DFD7	RGB 197 223 215	#C5DFD7
66.7%	66.7% #D0E5DE	RGB 208 229 222	#D0E5DE
83.3%	83.3% #DAEBE5	RGB 218 235 229	#DAEBE5
100.0%	100.0% #E6F1ED	RGB 230 241 237	#E6F1ED

#A8CEC3 #B1D3C9 #BBD9D0 #C5DFD7 #D0E5DE #DAEBE5 #E6F1ED

#A8CEC3 - #C5DFD7 - #E6F1ED

Códigos CSS

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

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