#00963C - #B0ED94 | 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 #00963C a #B0ED94

#00963C #B0ED94

Calcule el color entre dos colores, #00963C y #B0ED94. 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)

#00963C - #B0ED94 | 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 #00963C como 0% y #B0ED94 como 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #1DA44A	RGB 29 164 74	#1DA44A
33.3%	33.3% #3AB359	RGB 58 179 89	#3AB359
50.0%	50.0% #58C168	RGB 88 193 104	#58C168
66.7%	66.7% #75D076	RGB 117 208 118	#75D076
83.3%	83.3% #92DE85	RGB 146 222 133	#92DE85
100.0%	100.0% #B0ED94	RGB 176 237 148	#B0ED94

#00963C #1DA44A #3AB359 #58C168 #75D076 #92DE85 #B0ED94

#00963C - #B0ED94

Mezcla HSV

#00963C - #B0ED94 | 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 #00963C como 0% y #B0ED94 como 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #11A43A	RGB 17 164 58	#11A43A
33.3%	33.3% #25B33C	RGB 37 179 60	#25B33C
50.0%	50.0% #3CC142	RGB 60 193 66	#3CC142
66.7%	66.7% #5FD056	RGB 95 208 86	#5FD056
83.3%	83.3% #88DE73	RGB 136 222 115	#88DE73
100.0%	100.0% #B0ED94	RGB 176 237 148	#B0ED94

#00963C #11A43A #25B33C #3CC142 #5FD056 #88DE73 #B0ED94

#00963C - #3CC142 - #B0ED94

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00963C 0%, #3CC142 50%, #B0ED94 100%);
    background: -webkit-linear-gradient(top, #00963C 0%, #3CC142 50%, #B0ED94 100%);
    background: linear-gradient(to bottom, #00963C 0%, #3CC142 50%, #B0ED94 100%);
}
</style>