#80E5E5 - #DAF7F7 | 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 #80E5E5 a #DAF7F7

#80E5E5 #DAF7F7

Calcule el color entre dos colores, #80E5E5 y #DAF7F7. 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)

#80E5E5 - #DAF7F7 | 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 #80E5E5 como 0% y #DAF7F7 como 100%.

0.0%	0.0% #80E5E5	RGB 128 229 229	#80E5E5
16.7%	16.7% #8FE8E8	RGB 143 232 232	#8FE8E8
33.3%	33.3% #9EEBEB	RGB 158 235 235	#9EEBEB
50.0%	50.0% #ADEEEE	RGB 173 238 238	#ADEEEE
66.7%	66.7% #BCF1F1	RGB 188 241 241	#BCF1F1
83.3%	83.3% #CBF4F4	RGB 203 244 244	#CBF4F4
100.0%	100.0% #DAF7F7	RGB 218 247 247	#DAF7F7

#80E5E5 #8FE8E8 #9EEBEB #ADEEEE #BCF1F1 #CBF4F4 #DAF7F7

#80E5E5 - #DAF7F7

Mezcla HSV

#80E5E5 - #DAF7F7 | 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 #80E5E5 como 0% y #DAF7F7 como 100%.

0.0%	0.0% #80E5E5	RGB 128 229 229	#80E5E5
16.7%	16.7% #8EE8E8	RGB 142 232 232	#8EE8E8
33.3%	33.3% #9CEBEB	RGB 156 235 235	#9CEBEB
50.0%	50.0% #ABEEEE	RGB 171 238 238	#ABEEEE
66.7%	66.7% #BAF1F1	RGB 186 241 241	#BAF1F1
83.3%	83.3% #CAF4F4	RGB 202 244 244	#CAF4F4
100.0%	100.0% #DAF7F7	RGB 218 247 247	#DAF7F7

#80E5E5 #8EE8E8 #9CEBEB #ABEEEE #BAF1F1 #CAF4F4 #DAF7F7

#80E5E5 - #ABEEEE - #DAF7F7

Códigos CSS

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

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