#67C7C7 - #CDE2B4 | 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 #67C7C7 a #CDE2B4

#67C7C7 #CDE2B4

Calcule el color entre dos colores, #67C7C7 y #CDE2B4. 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)

#67C7C7 - #CDE2B4 | 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 #67C7C7 como 0% y #CDE2B4 como 100%.

0.0%	0.0% #67C7C7	RGB 103 199 199	#67C7C7
16.7%	16.7% #78CBC3	RGB 120 203 195	#78CBC3
33.3%	33.3% #89D0C0	RGB 137 208 192	#89D0C0
50.0%	50.0% #9AD4BD	RGB 154 212 189	#9AD4BD
66.7%	66.7% #ABD9BA	RGB 171 217 186	#ABD9BA
83.3%	83.3% #BCDDB7	RGB 188 221 183	#BCDDB7
100.0%	100.0% #CDE2B4	RGB 205 226 180	#CDE2B4

#67C7C7 #78CBC3 #89D0C0 #9AD4BD #ABD9BA #BCDDB7 #CDE2B4

#67C7C7 - #CDE2B4

Mezcla HSV

#67C7C7 - #CDE2B4 | 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 #67C7C7 como 0% y #CDE2B4 como 100%.

0.0%	0.0% #67C7C7	RGB 103 199 199	#67C7C7
16.7%	16.7% #72CBB4	RGB 114 203 180	#72CBB4
33.3%	33.3% #7ED0A6	RGB 126 208 166	#7ED0A6
50.0%	50.0% #8BD49C	RGB 139 212 156	#8BD49C
66.7%	66.7% #9AD998	RGB 154 217 152	#9AD998
83.3%	83.3% #B5DDA6	RGB 181 221 166	#B5DDA6
100.0%	100.0% #CDE2B4	RGB 205 226 180	#CDE2B4

#67C7C7 #72CBB4 #7ED0A6 #8BD49C #9AD998 #B5DDA6 #CDE2B4

#67C7C7 - #8BD49C - #CDE2B4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67C7C7 0%, #8BD49C 50%, #CDE2B4 100%);
    background: -webkit-linear-gradient(top, #67C7C7 0%, #8BD49C 50%, #CDE2B4 100%);
    background: linear-gradient(to bottom, #67C7C7 0%, #8BD49C 50%, #CDE2B4 100%);
}
</style>