#00BE84 - #B6ECDB | 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 #00BE84 a #B6ECDB

#00BE84 #B6ECDB

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

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

0.0%	0.0% #00BE84	RGB 0 190 132	#00BE84
16.7%	16.7% #1EC592	RGB 30 197 146	#1EC592
33.3%	33.3% #3CCDA1	RGB 60 205 161	#3CCDA1
50.0%	50.0% #5BD5AF	RGB 91 213 175	#5BD5AF
66.7%	66.7% #79DCBE	RGB 121 220 190	#79DCBE
83.3%	83.3% #97E4CC	RGB 151 228 204	#97E4CC
100.0%	100.0% #B6ECDB	RGB 182 236 219	#B6ECDB

#00BE84 #1EC592 #3CCDA1 #5BD5AF #79DCBE #97E4CC #B6ECDB

#00BE84 - #B6ECDB

Mezcla HSV

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

0.0%	0.0% #00BE84	RGB 0 190 132	#00BE84
16.7%	16.7% #19C590	RGB 25 197 144	#19C590
33.3%	33.3% #34CD9E	RGB 52 205 158	#34CD9E
50.0%	50.0% #52D5AC	RGB 82 213 172	#52D5AC
66.7%	66.7% #71DCBB	RGB 113 220 187	#71DCBB
83.3%	83.3% #92E4CA	RGB 146 228 202	#92E4CA
100.0%	100.0% #B6ECDB	RGB 182 236 219	#B6ECDB

#00BE84 #19C590 #34CD9E #52D5AC #71DCBB #92E4CA #B6ECDB

#00BE84 - #52D5AC - #B6ECDB

Códigos CSS

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

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