#7FE5E5 - #D8E3BF | 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 #7FE5E5 a #D8E3BF

#7FE5E5 #D8E3BF

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

#7FE5E5 - #D8E3BF | 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 #7FE5E5 como 0% y #D8E3BF como 100%.

0.0%	0.0% #7FE5E5	RGB 127 229 229	#7FE5E5
16.7%	16.7% #8DE4DE	RGB 141 228 222	#8DE4DE
33.3%	33.3% #9CE4D8	RGB 156 228 216	#9CE4D8
50.0%	50.0% #ABE4D2	RGB 171 228 210	#ABE4D2
66.7%	66.7% #BAE3CB	RGB 186 227 203	#BAE3CB
83.3%	83.3% #C9E3C5	RGB 201 227 197	#C9E3C5
100.0%	100.0% #D8E3BF	RGB 216 227 191	#D8E3BF

#7FE5E5 #8DE4DE #9CE4D8 #ABE4D2 #BAE3CB #C9E3C5 #D8E3BF

#7FE5E5 - #D8E3BF

Mezcla HSV

#7FE5E5 - #D8E3BF | 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 #7FE5E5 como 0% y #D8E3BF como 100%.

0.0%	0.0% #7FE5E5	RGB 127 229 229	#7FE5E5
16.7%	16.7% #89E4CA	RGB 137 228 202	#89E4CA
33.3%	33.3% #94E4B7	RGB 148 228 183	#94E4B7
50.0%	50.0% #9FE4A9	RGB 159 228 169	#9FE4A9
66.7%	66.7% #B1E3A9	RGB 177 227 169	#B1E3A9
83.3%	83.3% #C7E3B4	RGB 199 227 180	#C7E3B4
100.0%	100.0% #D8E3BF	RGB 216 227 191	#D8E3BF

#7FE5E5 #89E4CA #94E4B7 #9FE4A9 #B1E3A9 #C7E3B4 #D8E3BF

#7FE5E5 - #9FE4A9 - #D8E3BF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FE5E5 0%, #9FE4A9 50%, #D8E3BF 100%);
    background: -webkit-linear-gradient(top, #7FE5E5 0%, #9FE4A9 50%, #D8E3BF 100%);
    background: linear-gradient(to bottom, #7FE5E5 0%, #9FE4A9 50%, #D8E3BF 100%);
}
</style>