#00BA8D - #B6EBDE | 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 #00BA8D a #B6EBDE

#00BA8D #B6EBDE

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

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

0.0%	0.0% #00BA8D	RGB 0 186 141	#00BA8D
16.7%	16.7% #1EC29A	RGB 30 194 154	#1EC29A
33.3%	33.3% #3CCAA8	RGB 60 202 168	#3CCAA8
50.0%	50.0% #5BD2B5	RGB 91 210 181	#5BD2B5
66.7%	66.7% #79DAC3	RGB 121 218 195	#79DAC3
83.3%	83.3% #97E2D0	RGB 151 226 208	#97E2D0
100.0%	100.0% #B6EBDE	RGB 182 235 222	#B6EBDE

#00BA8D #1EC29A #3CCAA8 #5BD2B5 #79DAC3 #97E2D0 #B6EBDE

#00BA8D - #B6EBDE

Mezcla HSV

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

0.0%	0.0% #00BA8D	RGB 0 186 141	#00BA8D
16.7%	16.7% #19C299	RGB 25 194 153	#19C299
33.3%	33.3% #34CAA5	RGB 52 202 165	#34CAA5
50.0%	50.0% #51D2B3	RGB 81 210 179	#51D2B3
66.7%	66.7% #70DAC0	RGB 112 218 192	#70DAC0
83.3%	83.3% #92E2CF	RGB 146 226 207	#92E2CF
100.0%	100.0% #B6EBDE	RGB 182 235 222	#B6EBDE

#00BA8D #19C299 #34CAA5 #51D2B3 #70DAC0 #92E2CF #B6EBDE

#00BA8D - #51D2B3 - #B6EBDE

Códigos CSS

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

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