#369C9C - #AFDBA5 | 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 #369C9C a #AFDBA5

#369C9C #AFDBA5

Calcule el color entre dos colores, #369C9C y #AFDBA5. 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)

#369C9C - #AFDBA5 | 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 #369C9C como 0% y #AFDBA5 como 100%.

0.0%	0.0% #369C9C	RGB 54 156 156	#369C9C
16.7%	16.7% #4AA69D	RGB 74 166 157	#4AA69D
33.3%	33.3% #5EB19F	RGB 94 177 159	#5EB19F
50.0%	50.0% #72BBA0	RGB 114 187 160	#72BBA0
66.7%	66.7% #86C6A2	RGB 134 198 162	#86C6A2
83.3%	83.3% #9AD0A3	RGB 154 208 163	#9AD0A3
100.0%	100.0% #AFDBA5	RGB 175 219 165	#AFDBA5

#369C9C #4AA69D #5EB19F #72BBA0 #86C6A2 #9AD0A3 #AFDBA5

#369C9C - #AFDBA5

Mezcla HSV

#369C9C - #AFDBA5 | 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 #369C9C como 0% y #AFDBA5 como 100%.

0.0%	0.0% #369C9C	RGB 54 156 156	#369C9C
16.7%	16.7% #44A693	RGB 68 166 147	#44A693
33.3%	33.3% #55B18C	RGB 85 177 140	#55B18C
50.0%	50.0% #67BB89	RGB 103 187 137	#67BB89
66.7%	66.7% #7AC68A	RGB 122 198 138	#7AC68A
83.3%	83.3% #8ED08F	RGB 142 208 143	#8ED08F
100.0%	100.0% #AFDBA5	RGB 175 219 165	#AFDBA5

#369C9C #44A693 #55B18C #67BB89 #7AC68A #8ED08F #AFDBA5

#369C9C - #67BB89 - #AFDBA5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #369C9C 0%, #67BB89 50%, #AFDBA5 100%);
    background: -webkit-linear-gradient(top, #369C9C 0%, #67BB89 50%, #AFDBA5 100%);
    background: linear-gradient(to bottom, #369C9C 0%, #67BB89 50%, #AFDBA5 100%);
}
</style>