#34E9B8 - #FFFFA8 | 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 #34E9B8 a #FFFFA8

#34E9B8 #FFFFA8

Calcule el color entre dos colores, #34E9B8 y #FFFFA8. 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)

#34E9B8 - #FFFFA8 | 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 #34E9B8 como 0% y #FFFFA8 como 100%.

0.0%	0.0% #34E9B8	RGB 52 233 184	#34E9B8
16.7%	16.7% #55ECB5	RGB 85 236 181	#55ECB5
33.3%	33.3% #77F0B2	RGB 119 240 178	#77F0B2
50.0%	50.0% #99F4B0	RGB 153 244 176	#99F4B0
66.7%	66.7% #BBF7AD	RGB 187 247 173	#BBF7AD
83.3%	83.3% #DDFBAA	RGB 221 251 170	#DDFBAA
100.0%	100.0% #FFFFA8	RGB 255 255 168	#FFFFA8

#34E9B8 #55ECB5 #77F0B2 #99F4B0 #BBF7AD #DDFBAA #FFFFA8

#34E9B8 - #FFFFA8

Mezcla HSV

#34E9B8 - #FFFFA8 | 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 #34E9B8 como 0% y #FFFFA8 como 100%.

0.0%	0.0% #33E9B8	RGB 51 233 184	#33E9B8
16.7%	16.7% #46EC8F	RGB 70 236 143	#46EC8F
33.3%	33.3% #58F06F	RGB 88 240 111	#58F06F
50.0%	50.0% #7EF46B	RGB 126 244 107	#7EF46B
66.7%	66.7% #B2F77F	RGB 178 247 127	#B2F77F
83.3%	83.3% #DDFB93	RGB 221 251 147	#DDFB93
100.0%	100.0% #FFFFA8	RGB 255 255 168	#FFFFA8

#33E9B8 #46EC8F #58F06F #7EF46B #B2F77F #DDFB93 #FFFFA8

#34E9B8 - #7EF46B - #FFFFA8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #33E9B8 0%, #7EF46B 50%, #FFFFA8 100%);
    background: -webkit-linear-gradient(top, #33E9B8 0%, #7EF46B 50%, #FFFFA8 100%);
    background: linear-gradient(to bottom, #33E9B8 0%, #7EF46B 50%, #FFFFA8 100%);
}
</style>