#A8FDF2 - #E2E3CD | 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 #A8FDF2 a #E2E3CD

#A8FDF2 #E2E3CD

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

#A8FDF2 - #E2E3CD | 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 #A8FDF2 como 0% y #E2E3CD como 100%.

0.0%	0.0% #A8FDF2	RGB 168 253 242	#A8FDF2
16.7%	16.7% #B1F8EB	RGB 177 248 235	#B1F8EB
33.3%	33.3% #BBF4E5	RGB 187 244 229	#BBF4E5
50.0%	50.0% #C5F0DF	RGB 197 240 223	#C5F0DF
66.7%	66.7% #CEEBD9	RGB 206 235 217	#CEEBD9
83.3%	83.3% #D8E7D3	RGB 216 231 211	#D8E7D3
100.0%	100.0% #E2E3CD	RGB 226 227 205	#E2E3CD

#A8FDF2 #B1F8EB #BBF4E5 #C5F0DF #CEEBD9 #D8E7D3 #E2E3CD

#A8FDF2 - #E2E3CD

Mezcla HSV

#A8FDF2 - #E2E3CD | 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 #A8FDF2 como 0% y #E2E3CD como 100%.

0.0%	0.0% #A8FDF2	RGB 168 253 242	#A8FDF2
16.7%	16.7% #AFF8D8	RGB 175 248 216	#AFF8D8
33.3%	33.3% #B5F4C6	RGB 181 244 198	#B5F4C6
50.0%	50.0% #BEF0BC	RGB 190 240 188	#BEF0BC
66.7%	66.7% #D0EBC2	RGB 208 235 194	#D0EBC2
83.3%	83.3% #DCE7C7	RGB 220 231 199	#DCE7C7
100.0%	100.0% #E2E3CD	RGB 226 227 205	#E2E3CD

#A8FDF2 #AFF8D8 #B5F4C6 #BEF0BC #D0EBC2 #DCE7C7 #E2E3CD

#A8FDF2 - #BEF0BC - #E2E3CD

Códigos CSS

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

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