#34AD8C - #CFEB9C | 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 #34AD8C a #CFEB9C

#34AD8C #CFEB9C

Calcule el color entre dos colores, #34AD8C y #CFEB9C. 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)

#34AD8C - #CFEB9C | 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 #34AD8C como 0% y #CFEB9C como 100%.

0.0%	0.0% #34AD8C	RGB 52 173 140	#34AD8C
16.7%	16.7% #4DB78E	RGB 77 183 142	#4DB78E
33.3%	33.3% #67C191	RGB 103 193 145	#67C191
50.0%	50.0% #81CC94	RGB 129 204 148	#81CC94
66.7%	66.7% #9BD696	RGB 155 214 150	#9BD696
83.3%	83.3% #B5E099	RGB 181 224 153	#B5E099
100.0%	100.0% #CFEB9C	RGB 207 235 156	#CFEB9C

#34AD8C #4DB78E #67C191 #81CC94 #9BD696 #B5E099 #CFEB9C

#34AD8C - #CFEB9C

Mezcla HSV

#34AD8C - #CFEB9C | 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 #34AD8C como 0% y #CFEB9C como 100%.

0.0%	0.0% #34AD8C	RGB 52 173 140	#34AD8C
16.7%	16.7% #42B77C	RGB 66 183 124	#42B77C
33.3%	33.3% #51C16F	RGB 81 193 111	#51C16F
50.0%	50.0% #62CC66	RGB 98 204 102	#62CC66
66.7%	66.7% #86D674	RGB 134 214 116	#86D674
83.3%	83.3% #ACE087	RGB 172 224 135	#ACE087
100.0%	100.0% #CFEB9C	RGB 207 235 156	#CFEB9C

#34AD8C #42B77C #51C16F #62CC66 #86D674 #ACE087 #CFEB9C

#34AD8C - #62CC66 - #CFEB9C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34AD8C 0%, #62CC66 50%, #CFEB9C 100%);
    background: -webkit-linear-gradient(top, #34AD8C 0%, #62CC66 50%, #CFEB9C 100%);
    background: linear-gradient(to bottom, #34AD8C 0%, #62CC66 50%, #CFEB9C 100%);
}
</style>