#75BC2F - #21350D | 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 #75BC2F a #21350D

#75BC2F #21350D

Calcule el color entre dos colores, #75BC2F y #21350D. 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)

#75BC2F - #21350D | 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 #75BC2F como 0% y #21350D como 100%.

0.0%	0.0% #75BC2F	RGB 117 188 47	#75BC2F
16.7%	16.7% #67A529	RGB 103 165 41	#67A529
33.3%	33.3% #598F23	RGB 89 143 35	#598F23
50.0%	50.0% #4B781E	RGB 75 120 30	#4B781E
66.7%	66.7% #3D6218	RGB 61 98 24	#3D6218
83.3%	83.3% #2F4B12	RGB 47 75 18	#2F4B12
100.0%	100.0% #21350D	RGB 33 53 13	#21350D

#75BC2F #67A529 #598F23 #4B781E #3D6218 #2F4B12 #21350D

#75BC2F - #21350D

Mezcla HSV

#75BC2F - #21350D | 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 #75BC2F como 0% y #21350D como 100%.

0.0%	0.0% #75BC2F	RGB 117 188 47	#75BC2F
16.7%	16.7% #67A529	RGB 103 165 41	#67A529
33.3%	33.3% #598F23	RGB 89 143 35	#598F23
50.0%	50.0% #4B781D	RGB 75 120 29	#4B781D
66.7%	66.7% #3D6218	RGB 61 98 24	#3D6218
83.3%	83.3% #2F4B12	RGB 47 75 18	#2F4B12
100.0%	100.0% #21350D	RGB 33 53 13	#21350D

#75BC2F #67A529 #598F23 #4B781D #3D6218 #2F4B12 #21350D

#75BC2F - #4B781D - #21350D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75BC2F 0%, #4B781D 50%, #21350D 100%);
    background: -webkit-linear-gradient(top, #75BC2F 0%, #4B781D 50%, #21350D 100%);
    background: linear-gradient(to bottom, #75BC2F 0%, #4B781D 50%, #21350D 100%);
}
</style>