#00963B - #CDFE79 | 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 #CDFE79

#00963B #CDFE79

Calcule el color entre dos colores, #00963B y #CDFE79. 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 - #CDFE79 | 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 #CDFE79 como 100%.

0.0%	0.0% #00963B	RGB 0 150 59	#00963B
16.7%	16.7% #22A745	RGB 34 167 69	#22A745
33.3%	33.3% #44B84F	RGB 68 184 79	#44B84F
50.0%	50.0% #66CA5A	RGB 102 202 90	#66CA5A
66.7%	66.7% #88DB64	RGB 136 219 100	#88DB64
83.3%	83.3% #AAEC6E	RGB 170 236 110	#AAEC6E
100.0%	100.0% #CDFE79	RGB 205 254 121	#CDFE79

#00963B #22A745 #44B84F #66CA5A #88DB64 #AAEC6E #CDFE79

#00963B - #CDFE79

Mezcla HSV

#00963B - #CDFE79 | 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 #CDFE79 como 100%.

0.0%	0.0% #00963B	RGB 0 150 59	#00963B
16.7%	16.7% #0DA72F	RGB 13 167 47	#0DA72F
33.3%	33.3% #1DB825	RGB 29 184 37	#1DB825
50.0%	50.0% #42CA30	RGB 66 202 48	#42CA30
66.7%	66.7% #71DB45	RGB 113 219 69	#71DB45
83.3%	83.3% #9FEC5D	RGB 159 236 93	#9FEC5D
100.0%	100.0% #CDFE79	RGB 205 254 121	#CDFE79

#00963B #0DA72F #1DB825 #42CA30 #71DB45 #9FEC5D #CDFE79

#00963B - #42CA30 - #CDFE79

Códigos CSS

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

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