#4D9A6B - #CCE2D4 | 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 #4D9A6B a #CCE2D4

#4D9A6B #CCE2D4

Calcule el color entre dos colores, #4D9A6B y #CCE2D4. 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)

#4D9A6B - #CCE2D4 | 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 #4D9A6B como 0% y #CCE2D4 como 100%.

0.0%	0.0% #4D9A6B	RGB 77 154 107	#4D9A6B
16.7%	16.7% #62A67C	RGB 98 166 124	#62A67C
33.3%	33.3% #77B28E	RGB 119 178 142	#77B28E
50.0%	50.0% #8CBE9F	RGB 140 190 159	#8CBE9F
66.7%	66.7% #A1CAB1	RGB 161 202 177	#A1CAB1
83.3%	83.3% #B6D6C2	RGB 182 214 194	#B6D6C2
100.0%	100.0% #CCE2D4	RGB 204 226 212	#CCE2D4

#4D9A6B #62A67C #77B28E #8CBE9F #A1CAB1 #B6D6C2 #CCE2D4

#4D9A6B - #CCE2D4

Mezcla HSV

#4D9A6B - #CCE2D4 | 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 #4D9A6B como 0% y #CCE2D4 como 100%.

0.0%	0.0% #4D9A6B	RGB 77 154 107	#4D9A6B
16.7%	16.7% #5EA679	RGB 94 166 121	#5EA679
33.3%	33.3% #70B289	RGB 112 178 137	#70B289
50.0%	50.0% #85BE9A	RGB 133 190 154	#85BE9A
66.7%	66.7% #9BCAAC	RGB 155 202 172	#9BCAAC
83.3%	83.3% #B2D6BF	RGB 178 214 191	#B2D6BF
100.0%	100.0% #CCE2D4	RGB 204 226 212	#CCE2D4

#4D9A6B #5EA679 #70B289 #85BE9A #9BCAAC #B2D6BF #CCE2D4

#4D9A6B - #85BE9A - #CCE2D4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9A6B 0%, #85BE9A 50%, #CCE2D4 100%);
    background: -webkit-linear-gradient(top, #4D9A6B 0%, #85BE9A 50%, #CCE2D4 100%);
    background: linear-gradient(to bottom, #4D9A6B 0%, #85BE9A 50%, #CCE2D4 100%);
}
</style>