#00EAE3 - #D1FFB0 | 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 #00EAE3 a #D1FFB0

#00EAE3 #D1FFB0

Calcule el color entre dos colores, #00EAE3 y #D1FFB0. 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)

#00EAE3 - #D1FFB0 | 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 #00EAE3 como 0% y #D1FFB0 como 100%.

0.0%	0.0% #00EAE3	RGB 0 234 227	#00EAE3
16.7%	16.7% #22EDDA	RGB 34 237 218	#22EDDA
33.3%	33.3% #45F1D2	RGB 69 241 210	#45F1D2
50.0%	50.0% #68F4C9	RGB 104 244 201	#68F4C9
66.7%	66.7% #8BF8C1	RGB 139 248 193	#8BF8C1
83.3%	83.3% #AEFBB8	RGB 174 251 184	#AEFBB8
100.0%	100.0% #D1FFB0	RGB 209 255 176	#D1FFB0

#00EAE3 #22EDDA #45F1D2 #68F4C9 #8BF8C1 #AEFBB8 #D1FFB0

#00EAE3 - #D1FFB0

Mezcla HSV

#00EAE3 - #D1FFB0 | 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 #00EAE3 como 0% y #D1FFB0 como 100%.

0.0%	0.0% #00EAE3	RGB 0 234 227	#00EAE3
16.7%	16.7% #1BEDB6	RGB 27 237 182	#1BEDB6
33.3%	33.3% #37F195	RGB 55 241 149	#37F195
50.0%	50.0% #54F480	RGB 84 244 128	#54F480
66.7%	66.7% #72F878	RGB 114 248 120	#72F878
83.3%	83.3% #A4FB90	RGB 164 251 144	#A4FB90
100.0%	100.0% #D1FFB0	RGB 209 255 176	#D1FFB0

#00EAE3 #1BEDB6 #37F195 #54F480 #72F878 #A4FB90 #D1FFB0

#00EAE3 - #54F480 - #D1FFB0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00EAE3 0%, #54F480 50%, #D1FFB0 100%);
    background: -webkit-linear-gradient(top, #00EAE3 0%, #54F480 50%, #D1FFB0 100%);
    background: linear-gradient(to bottom, #00EAE3 0%, #54F480 50%, #D1FFB0 100%);
}
</style>