#00845A - #B6DBCF | 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 #00845A a #B6DBCF

#00845A #B6DBCF

Calcule el color entre dos colores, #00845A y #B6DBCF. 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)

#00845A - #B6DBCF | 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 #00845A como 0% y #B6DBCF como 100%.

0.0%	0.0% #00845A	RGB 0 132 90	#00845A
16.7%	16.7% #1E926D	RGB 30 146 109	#1E926D
33.3%	33.3% #3CA181	RGB 60 161 129	#3CA181
50.0%	50.0% #5BAF94	RGB 91 175 148	#5BAF94
66.7%	66.7% #79BEA8	RGB 121 190 168	#79BEA8
83.3%	83.3% #97CCBB	RGB 151 204 187	#97CCBB
100.0%	100.0% #B6DBCF	RGB 182 219 207	#B6DBCF

#00845A #1E926D #3CA181 #5BAF94 #79BEA8 #97CCBB #B6DBCF

#00845A - #B6DBCF

Mezcla HSV

#00845A - #B6DBCF | 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 #00845A como 0% y #B6DBCF como 100%.

0.0%	0.0% #008459	RGB 0 132 89	#008459
16.7%	16.7% #14926A	RGB 20 146 106	#14926A
33.3%	33.3% #2CA17B	RGB 44 161 123	#2CA17B
50.0%	50.0% #48AF8E	RGB 72 175 142	#48AF8E
66.7%	66.7% #69BEA2	RGB 105 190 162	#69BEA2
83.3%	83.3% #8DCCB8	RGB 141 204 184	#8DCCB8
100.0%	100.0% #B6DBCF	RGB 182 219 207	#B6DBCF

#008459 #14926A #2CA17B #48AF8E #69BEA2 #8DCCB8 #B6DBCF

#00845A - #48AF8E - #B6DBCF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008459 0%, #48AF8E 50%, #B6DBCF 100%);
    background: -webkit-linear-gradient(top, #008459 0%, #48AF8E 50%, #B6DBCF 100%);
    background: linear-gradient(to bottom, #008459 0%, #48AF8E 50%, #B6DBCF 100%);
}
</style>