#E9F8F8 - #83D4D2 | 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 #E9F8F8 a #83D4D2

#E9F8F8 #83D4D2

Calcule el color entre dos colores, #E9F8F8 y #83D4D2. 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)

#E9F8F8 - #83D4D2 | 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 #E9F8F8 como 0% y #83D4D2 como 100%.

0.0%	0.0% #E9F8F8	RGB 233 248 248	#E9F8F8
16.7%	16.7% #D8F2F1	RGB 216 242 241	#D8F2F1
33.3%	33.3% #C7ECEB	RGB 199 236 235	#C7ECEB
50.0%	50.0% #B6E6E5	RGB 182 230 229	#B6E6E5
66.7%	66.7% #A5E0DE	RGB 165 224 222	#A5E0DE
83.3%	83.3% #94DAD8	RGB 148 218 216	#94DAD8
100.0%	100.0% #83D4D2	RGB 131 212 210	#83D4D2

#E9F8F8 #D8F2F1 #C7ECEB #B6E6E5 #A5E0DE #94DAD8 #83D4D2

#E9F8F8 - #83D4D2

Mezcla HSV

#E9F8F8 - #83D4D2 | 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 #E9F8F8 como 0% y #83D4D2 como 100%.

0.0%	0.0% #E9F8F8	RGB 233 248 248	#E9F8F8
16.7%	16.7% #D6F2F1	RGB 214 242 241	#D6F2F1
33.3%	33.3% #C4ECEB	RGB 196 236 235	#C4ECEB
50.0%	50.0% #B3E6E5	RGB 179 230 229	#B3E6E5
66.7%	66.7% #A2E0DE	RGB 162 224 222	#A2E0DE
83.3%	83.3% #92DAD8	RGB 146 218 216	#92DAD8
100.0%	100.0% #83D4D2	RGB 131 212 210	#83D4D2

#E9F8F8 #D6F2F1 #C4ECEB #B3E6E5 #A2E0DE #92DAD8 #83D4D2

#E9F8F8 - #B3E6E5 - #83D4D2

Códigos CSS

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

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