#AFD0A8 - #E2FFFD | 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 #AFD0A8 a #E2FFFD

#AFD0A8 #E2FFFD

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

#AFD0A8 - #E2FFFD | 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 #AFD0A8 como 0% y #E2FFFD como 100%.

0.0%	0.0% #AFD0A8	RGB 175 208 168	#AFD0A8
16.7%	16.7% #B7D7B6	RGB 183 215 182	#B7D7B6
33.3%	33.3% #C0DFC4	RGB 192 223 196	#C0DFC4
50.0%	50.0% #C8E7D2	RGB 200 231 210	#C8E7D2
66.7%	66.7% #D1EFE0	RGB 209 239 224	#D1EFE0
83.3%	83.3% #D9F7EE	RGB 217 247 238	#D9F7EE
100.0%	100.0% #E2FFFD	RGB 226 255 253	#E2FFFD

#AFD0A8 #B7D7B6 #C0DFC4 #C8E7D2 #D1EFE0 #D9F7EE #E2FFFD

#AFD0A8 - #E2FFFD

Mezcla HSV

#AFD0A8 - #E2FFFD | 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 #AFD0A8 como 0% y #E2FFFD como 100%.

0.0%	0.0% #AFD0A8	RGB 175 208 168	#AFD0A8
16.7%	16.7% #B1D7B1	RGB 177 215 177	#B1D7B1
33.3%	33.3% #BADFC1	RGB 186 223 193	#BADFC1
50.0%	50.0% #C4E7D1	RGB 196 231 209	#C4E7D1
66.7%	66.7% #CDEFE0	RGB 205 239 224	#CDEFE0
83.3%	83.3% #D7F7EF	RGB 215 247 239	#D7F7EF
100.0%	100.0% #E2FFFD	RGB 226 255 253	#E2FFFD

#AFD0A8 #B1D7B1 #BADFC1 #C4E7D1 #CDEFE0 #D7F7EF #E2FFFD

#AFD0A8 - #C4E7D1 - #E2FFFD

Códigos CSS

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

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