#00BE7A - #B6ECD9 | 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 #00BE7A a #B6ECD9

#00BE7A #B6ECD9

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

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

0.0%	0.0% #00BE7A	RGB 0 190 122	#00BE7A
16.7%	16.7% #1EC589	RGB 30 197 137	#1EC589
33.3%	33.3% #3CCD99	RGB 60 205 153	#3CCD99
50.0%	50.0% #5BD5A9	RGB 91 213 169	#5BD5A9
66.7%	66.7% #79DCB9	RGB 121 220 185	#79DCB9
83.3%	83.3% #97E4C9	RGB 151 228 201	#97E4C9
100.0%	100.0% #B6ECD9	RGB 182 236 217	#B6ECD9

#00BE7A #1EC589 #3CCD99 #5BD5A9 #79DCB9 #97E4C9 #B6ECD9

#00BE7A - #B6ECD9

Mezcla HSV

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

0.0%	0.0% #00BE7A	RGB 0 190 122	#00BE7A
16.7%	16.7% #19C588	RGB 25 197 136	#19C588
33.3%	33.3% #34CD97	RGB 52 205 151	#34CD97
50.0%	50.0% #52D5A6	RGB 82 213 166	#52D5A6
66.7%	66.7% #71DCB6	RGB 113 220 182	#71DCB6
83.3%	83.3% #92E4C7	RGB 146 228 199	#92E4C7
100.0%	100.0% #B6ECD9	RGB 182 236 217	#B6ECD9

#00BE7A #19C588 #34CD97 #52D5A6 #71DCB6 #92E4C7 #B6ECD9

#00BE7A - #52D5A6 - #B6ECD9

Códigos CSS

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

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