#00C9C3 - #BFFFB4 | 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 #00C9C3 a #BFFFB4

#00C9C3 #BFFFB4

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

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

0.0%	0.0% #00C9C3	RGB 0 201 195	#00C9C3
16.7%	16.7% #1FD2C0	RGB 31 210 192	#1FD2C0
33.3%	33.3% #3FDBBE	RGB 63 219 190	#3FDBBE
50.0%	50.0% #5FE4BB	RGB 95 228 187	#5FE4BB
66.7%	66.7% #7FEDB9	RGB 127 237 185	#7FEDB9
83.3%	83.3% #9FF6B6	RGB 159 246 182	#9FF6B6
100.0%	100.0% #BFFFB4	RGB 191 255 180	#BFFFB4

#00C9C3 #1FD2C0 #3FDBBE #5FE4BB #7FEDB9 #9FF6B6 #BFFFB4

#00C9C3 - #BFFFB4

Mezcla HSV

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

0.0%	0.0% #00C9C3	RGB 0 201 195	#00C9C3
16.7%	16.7% #18D2A9	RGB 24 210 169	#18D2A9
33.3%	33.3% #33DB97	RGB 51 219 151	#33DB97
50.0%	50.0% #50E48D	RGB 80 228 141	#50E48D
66.7%	66.7% #6FED8B	RGB 111 237 139	#6FED8B
83.3%	83.3% #90F694	RGB 144 246 148	#90F694
100.0%	100.0% #BFFFB4	RGB 191 255 180	#BFFFB4

#00C9C3 #18D2A9 #33DB97 #50E48D #6FED8B #90F694 #BFFFB4

#00C9C3 - #50E48D - #BFFFB4

Códigos CSS

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

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