#6DF5E7 - #EAE7B9 | 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 #6DF5E7 a #EAE7B9

#6DF5E7 #EAE7B9

Calcule el color entre dos colores, #6DF5E7 y #EAE7B9. 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)

#6DF5E7 - #EAE7B9 | 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 #6DF5E7 como 0% y #EAE7B9 como 100%.

0.0%	0.0% #6DF5E7	RGB 109 245 231	#6DF5E7
16.7%	16.7% #81F2DF	RGB 129 242 223	#81F2DF
33.3%	33.3% #96F0D7	RGB 150 240 215	#96F0D7
50.0%	50.0% #ABEED0	RGB 171 238 208	#ABEED0
66.7%	66.7% #C0EBC8	RGB 192 235 200	#C0EBC8
83.3%	83.3% #D5E9C0	RGB 213 233 192	#D5E9C0
100.0%	100.0% #EAE7B9	RGB 234 231 185	#EAE7B9

#6DF5E7 #81F2DF #96F0D7 #ABEED0 #C0EBC8 #D5E9C0 #EAE7B9

#6DF5E7 - #EAE7B9

Mezcla HSV

#6DF5E7 - #EAE7B9 | 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 #6DF5E7 como 0% y #EAE7B9 como 100%.

0.0%	0.0% #6DF5E7	RGB 109 245 231	#6DF5E7
16.7%	16.7% #7AF3BF	RGB 122 243 191	#7AF3BF
33.3%	33.3% #87F1A1	RGB 135 241 161	#87F1A1
50.0%	50.0% #9BEF93	RGB 155 239 147	#9BEF93
66.7%	66.7% #C0EDA0	RGB 192 237 160	#C0EDA0
83.3%	83.3% #DBEBAC	RGB 219 235 172	#DBEBAC
100.0%	100.0% #EAE7B9	RGB 234 231 185	#EAE7B9

#6DF5E7 #7AF3BF #87F1A1 #9BEF93 #C0EDA0 #DBEBAC #EAE7B9

#6DF5E7 - #9BEF93 - #EAE7B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DF5E7 0%, #9BEF93 50%, #EAE7B9 100%);
    background: -webkit-linear-gradient(top, #6DF5E7 0%, #9BEF93 50%, #EAE7B9 100%);
    background: linear-gradient(to bottom, #6DF5E7 0%, #9BEF93 50%, #EAE7B9 100%);
}
</style>