#00965F - #B9F78E | 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 #00965F a #B9F78E

#00965F #B9F78E

Calcule el color entre dos colores, #00965F y #B9F78E. 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)

#00965F - #B9F78E | 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 #00965F como 0% y #B9F78E como 100%.

0.0%	0.0% #00965F	RGB 0 150 95	#00965F
16.7%	16.7% #1EA666	RGB 30 166 102	#1EA666
33.3%	33.3% #3DB66E	RGB 61 182 110	#3DB66E
50.0%	50.0% #5CC676	RGB 92 198 118	#5CC676
66.7%	66.7% #7BD67E	RGB 123 214 126	#7BD67E
83.3%	83.3% #9AE686	RGB 154 230 134	#9AE686
100.0%	100.0% #B9F78E	RGB 185 247 142	#B9F78E

#00965F #1EA666 #3DB66E #5CC676 #7BD67E #9AE686 #B9F78E

#00965F - #B9F78E

Mezcla HSV

#00965F - #B9F78E | 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 #00965F como 0% y #B9F78E como 100%.

0.0%	0.0% #00965E	RGB 0 150 94	#00965E
16.7%	16.7% #0FA654	RGB 15 166 84	#0FA654
33.3%	33.3% #22B64D	RGB 34 182 77	#22B64D
50.0%	50.0% #39C648	RGB 57 198 72	#39C648
66.7%	66.7% #5AD652	RGB 90 214 82	#5AD652
83.3%	83.3% #8AE66E	RGB 138 230 110	#8AE66E
100.0%	100.0% #B9F78E	RGB 185 247 142	#B9F78E

#00965E #0FA654 #22B64D #39C648 #5AD652 #8AE66E #B9F78E

#00965F - #39C648 - #B9F78E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00965E 0%, #39C648 50%, #B9F78E 100%);
    background: -webkit-linear-gradient(top, #00965E 0%, #39C648 50%, #B9F78E 100%);
    background: linear-gradient(to bottom, #00965E 0%, #39C648 50%, #B9F78E 100%);
}
</style>