#3E8C4F - #C7DECC | 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 #3E8C4F a #C7DECC

#3E8C4F #C7DECC

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

#3E8C4F - #C7DECC | 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 #3E8C4F como 0% y #C7DECC como 100%.

0.0%	0.0% #3E8C4F	RGB 62 140 79	#3E8C4F
16.7%	16.7% #549963	RGB 84 153 99	#549963
33.3%	33.3% #6BA778	RGB 107 167 120	#6BA778
50.0%	50.0% #82B58D	RGB 130 181 141	#82B58D
66.7%	66.7% #99C2A2	RGB 153 194 162	#99C2A2
83.3%	83.3% #B0D0B7	RGB 176 208 183	#B0D0B7
100.0%	100.0% #C7DECC	RGB 199 222 204	#C7DECC

#3E8C4F #549963 #6BA778 #82B58D #99C2A2 #B0D0B7 #C7DECC

#3E8C4F - #C7DECC

Mezcla HSV

#3E8C4F - #C7DECC | 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 #3E8C4F como 0% y #C7DECC como 100%.

0.0%	0.0% #3E8C4F	RGB 62 140 79	#3E8C4F
16.7%	16.7% #4F995F	RGB 79 153 95	#4F995F
33.3%	33.3% #63A772	RGB 99 167 114	#63A772
50.0%	50.0% #79B586	RGB 121 181 134	#79B586
66.7%	66.7% #91C29B	RGB 145 194 155	#91C29B
83.3%	83.3% #ABD0B3	RGB 171 208 179	#ABD0B3
100.0%	100.0% #C7DECC	RGB 199 222 204	#C7DECC

#3E8C4F #4F995F #63A772 #79B586 #91C29B #ABD0B3 #C7DECC

#3E8C4F - #79B586 - #C7DECC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8C4F 0%, #79B586 50%, #C7DECC 100%);
    background: -webkit-linear-gradient(top, #3E8C4F 0%, #79B586 50%, #C7DECC 100%);
    background: linear-gradient(to bottom, #3E8C4F 0%, #79B586 50%, #C7DECC 100%);
}
</style>