#00BA82 - #B6EBDB | 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 #00BA82 a #B6EBDB

#00BA82 #B6EBDB

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

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

0.0%	0.0% #00BA82	RGB 0 186 130	#00BA82
16.7%	16.7% #1EC290	RGB 30 194 144	#1EC290
33.3%	33.3% #3CCA9F	RGB 60 202 159	#3CCA9F
50.0%	50.0% #5BD2AE	RGB 91 210 174	#5BD2AE
66.7%	66.7% #79DABD	RGB 121 218 189	#79DABD
83.3%	83.3% #97E2CC	RGB 151 226 204	#97E2CC
100.0%	100.0% #B6EBDB	RGB 182 235 219	#B6EBDB

#00BA82 #1EC290 #3CCA9F #5BD2AE #79DABD #97E2CC #B6EBDB

#00BA82 - #B6EBDB

Mezcla HSV

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

0.0%	0.0% #00BA82	RGB 0 186 130	#00BA82
16.7%	16.7% #19C28F	RGB 25 194 143	#19C28F
33.3%	33.3% #34CA9D	RGB 52 202 157	#34CA9D
50.0%	50.0% #51D2AB	RGB 81 210 171	#51D2AB
66.7%	66.7% #70DABA	RGB 112 218 186	#70DABA
83.3%	83.3% #92E2CA	RGB 146 226 202	#92E2CA
100.0%	100.0% #B6EBDB	RGB 182 235 219	#B6EBDB

#00BA82 #19C28F #34CA9D #51D2AB #70DABA #92E2CA #B6EBDB

#00BA82 - #51D2AB - #B6EBDB

Códigos CSS

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

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