#3E5E4F - #68C47B | 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 #3E5E4F a #68C47B

#3E5E4F #68C47B

Calcule el color entre dos colores, #3E5E4F y #68C47B. 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)

#3E5E4F - #68C47B | 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 #3E5E4F como 0% y #68C47B como 100%.

0.0%	0.0% #3E5E4F	RGB 62 94 79	#3E5E4F
16.7%	16.7% #456F56	RGB 69 111 86	#456F56
33.3%	33.3% #4C805D	RGB 76 128 93	#4C805D
50.0%	50.0% #539165	RGB 83 145 101	#539165
66.7%	66.7% #5AA26C	RGB 90 162 108	#5AA26C
83.3%	83.3% #61B373	RGB 97 179 115	#61B373
100.0%	100.0% #68C47B	RGB 104 196 123	#68C47B

#3E5E4F #456F56 #4C805D #539165 #5AA26C #61B373 #68C47B

#3E5E4F - #68C47B

Mezcla HSV

#3E5E4F - #68C47B | 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 #3E5E4F como 0% y #68C47B como 100%.

0.0%	0.0% #3E5E4F	RGB 62 94 79	#3E5E4F
16.7%	16.7% #466F59	RGB 70 111 89	#466F59
33.3%	33.3% #4E8063	RGB 78 128 99	#4E8063
50.0%	50.0% #56916B	RGB 86 145 107	#56916B
66.7%	66.7% #5CA272	RGB 92 162 114	#5CA272
83.3%	83.3% #62B377	RGB 98 179 119	#62B377
100.0%	100.0% #68C47B	RGB 104 196 123	#68C47B

#3E5E4F #466F59 #4E8063 #56916B #5CA272 #62B377 #68C47B

#3E5E4F - #56916B - #68C47B

Códigos CSS

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

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