#ADE5E9 - #F6E7E5 | 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 #ADE5E9 a #F6E7E5

#ADE5E9 #F6E7E5

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

#ADE5E9 - #F6E7E5 | 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 #ADE5E9 como 0% y #F6E7E5 como 100%.

0.0%	0.0% #ADE5E9	RGB 173 229 233	#ADE5E9
16.7%	16.7% #B9E5E8	RGB 185 229 232	#B9E5E8
33.3%	33.3% #C5E5E7	RGB 197 229 231	#C5E5E7
50.0%	50.0% #D1E6E7	RGB 209 230 231	#D1E6E7
66.7%	66.7% #DDE6E6	RGB 221 230 230	#DDE6E6
83.3%	83.3% #E9E6E5	RGB 233 230 229	#E9E6E5
100.0%	100.0% #F6E7E5	RGB 246 231 229	#F6E7E5

#ADE5E9 #B9E5E8 #C5E5E7 #D1E6E7 #DDE6E6 #E9E6E5 #F6E7E5

#ADE5E9 - #F6E7E5

Mezcla HSV

#ADE5E9 - #F6E7E5 | 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 #ADE5E9 como 0% y #F6E7E5 como 100%.

0.0%	0.0% #ADE5E9	RGB 173 229 233	#ADE5E9
16.7%	16.7% #B5EBD4	RGB 181 235 212	#B5EBD4
33.3%	33.3% #BFEDC2	RGB 191 237 194	#BFEDC2
50.0%	50.0% #D8EFC8	RGB 216 239 200	#D8EFC8
66.7%	66.7% #EEF1D1	RGB 238 241 209	#EEF1D1
83.3%	83.3% #F3EADB	RGB 243 234 219	#F3EADB
100.0%	100.0% #F6E7E5	RGB 246 231 229	#F6E7E5

#ADE5E9 #B5EBD4 #BFEDC2 #D8EFC8 #EEF1D1 #F3EADB #F6E7E5

#ADE5E9 - #D8EFC8 - #F6E7E5

Códigos CSS

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

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