#00B29F - #BAFFAC | 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 #00B29F a #BAFFAC

#00B29F #BAFFAC

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

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

0.0%	0.0% #00B29F	RGB 0 178 159	#00B29F
16.7%	16.7% #1FBEA1	RGB 31 190 161	#1FBEA1
33.3%	33.3% #3ECBA3	RGB 62 203 163	#3ECBA3
50.0%	50.0% #5DD8A5	RGB 93 216 165	#5DD8A5
66.7%	66.7% #7CE5A7	RGB 124 229 167	#7CE5A7
83.3%	83.3% #9BF2A9	RGB 155 242 169	#9BF2A9
100.0%	100.0% #BAFFAC	RGB 186 255 172	#BAFFAC

#00B29F #1FBEA1 #3ECBA3 #5DD8A5 #7CE5A7 #9BF2A9 #BAFFAC

#00B29F - #BAFFAC

Mezcla HSV

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

0.0%	0.0% #00B29F	RGB 0 178 159	#00B29F
16.7%	16.7% #15BE8E	RGB 21 190 142	#15BE8E
33.3%	33.3% #2DCB82	RGB 45 203 130	#2DCB82
50.0%	50.0% #49D87C	RGB 73 216 124	#49D87C
66.7%	66.7% #67E57E	RGB 103 229 126	#67E57E
83.3%	83.3% #88F289	RGB 136 242 137	#88F289
100.0%	100.0% #BAFFAC	RGB 186 255 172	#BAFFAC

#00B29F #15BE8E #2DCB82 #49D87C #67E57E #88F289 #BAFFAC

#00B29F - #49D87C - #BAFFAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B29F 0%, #49D87C 50%, #BAFFAC 100%);
    background: -webkit-linear-gradient(top, #00B29F 0%, #49D87C 50%, #BAFFAC 100%);
    background: linear-gradient(to bottom, #00B29F 0%, #49D87C 50%, #BAFFAC 100%);
}
</style>