#A8F0DB - #E3E5C6 | 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 #A8F0DB a #E3E5C6

#A8F0DB #E3E5C6

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

#A8F0DB - #E3E5C6 | 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 #A8F0DB como 0% y #E3E5C6 como 100%.

0.0%	0.0% #A8F0DB	RGB 168 240 219	#A8F0DB
16.7%	16.7% #B1EED7	RGB 177 238 215	#B1EED7
33.3%	33.3% #BBECD4	RGB 187 236 212	#BBECD4
50.0%	50.0% #C5EAD0	RGB 197 234 208	#C5EAD0
66.7%	66.7% #CFE8CD	RGB 207 232 205	#CFE8CD
83.3%	83.3% #D9E6C9	RGB 217 230 201	#D9E6C9
100.0%	100.0% #E3E5C6	RGB 227 229 198	#E3E5C6

#A8F0DB #B1EED7 #BBECD4 #C5EAD0 #CFE8CD #D9E6C9 #E3E5C6

#A8F0DB - #E3E5C6

Mezcla HSV

#A8F0DB - #E3E5C6 | 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 #A8F0DB como 0% y #E3E5C6 como 100%.

0.0%	0.0% #A8F0DB	RGB 168 240 219	#A8F0DB
16.7%	16.7% #ADEEC9	RGB 173 238 201	#ADEEC9
33.3%	33.3% #B2ECBB	RGB 178 236 187	#B2ECBB
50.0%	50.0% #BDEAB7	RGB 189 234 183	#BDEAB7
66.7%	66.7% #CDE8BC	RGB 205 232 188	#CDE8BC
83.3%	83.3% #DAE6C1	RGB 218 230 193	#DAE6C1
100.0%	100.0% #E3E5C6	RGB 227 229 198	#E3E5C6

#A8F0DB #ADEEC9 #B2ECBB #BDEAB7 #CDE8BC #DAE6C1 #E3E5C6

#A8F0DB - #BDEAB7 - #E3E5C6

Códigos CSS

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

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