#A8F7CD - #E6FCF0 | 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 #A8F7CD a #E6FCF0

#A8F7CD #E6FCF0

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

#A8F7CD - #E6FCF0 | 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 #A8F7CD como 0% y #E6FCF0 como 100%.

0.0%	0.0% #A8F7CD	RGB 168 247 205	#A8F7CD
16.7%	16.7% #B2F7D2	RGB 178 247 210	#B2F7D2
33.3%	33.3% #BCF8D8	RGB 188 248 216	#BCF8D8
50.0%	50.0% #C7F9DE	RGB 199 249 222	#C7F9DE
66.7%	66.7% #D1FAE4	RGB 209 250 228	#D1FAE4
83.3%	83.3% #DBFBEA	RGB 219 251 234	#DBFBEA
100.0%	100.0% #E6FCF0	RGB 230 252 240	#E6FCF0

#A8F7CD #B2F7D2 #BCF8D8 #C7F9DE #D1FAE4 #DBFBEA #E6FCF0

#A8F7CD - #E6FCF0

Mezcla HSV

#A8F7CD - #E6FCF0 | 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 #A8F7CD como 0% y #E6FCF0 como 100%.

0.0%	0.0% #A8F7CD	RGB 168 247 205	#A8F7CD
16.7%	16.7% #B2F7D2	RGB 178 247 210	#B2F7D2
33.3%	33.3% #BCF8D8	RGB 188 248 216	#BCF8D8
50.0%	50.0% #C6F9DE	RGB 198 249 222	#C6F9DE
66.7%	66.7% #D1FAE4	RGB 209 250 228	#D1FAE4
83.3%	83.3% #DBFBE9	RGB 219 251 233	#DBFBE9
100.0%	100.0% #E6FCF0	RGB 230 252 240	#E6FCF0

#A8F7CD #B2F7D2 #BCF8D8 #C6F9DE #D1FAE4 #DBFBE9 #E6FCF0

#A8F7CD - #C6F9DE - #E6FCF0

Códigos CSS

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

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