#00963B - #AFED94 | 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 #00963B a #AFED94

#00963B #AFED94

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

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

0.0%	0.0% #00963B	RGB 0 150 59	#00963B
16.7%	16.7% #1DA449	RGB 29 164 73	#1DA449
33.3%	33.3% #3AB358	RGB 58 179 88	#3AB358
50.0%	50.0% #57C167	RGB 87 193 103	#57C167
66.7%	66.7% #74D076	RGB 116 208 118	#74D076
83.3%	83.3% #91DE85	RGB 145 222 133	#91DE85
100.0%	100.0% #AFED94	RGB 175 237 148	#AFED94

#00963B #1DA449 #3AB358 #57C167 #74D076 #91DE85 #AFED94

#00963B - #AFED94

Mezcla HSV

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

0.0%	0.0% #00963B	RGB 0 150 59	#00963B
16.7%	16.7% #11A439	RGB 17 164 57	#11A439
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% #87DE73	RGB 135 222 115	#87DE73
100.0%	100.0% #AFED94	RGB 175 237 148	#AFED94

#00963B #11A439 #25B33C #3CC142 #5FD056 #87DE73 #AFED94

#00963B - #3CC142 - #AFED94

Códigos CSS

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

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