#38564B - #C6CECB | 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 #38564B a #C6CECB

#38564B #C6CECB

Calcule el color entre dos colores, #38564B y #C6CECB. 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)

#38564B - #C6CECB | 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 #38564B como 0% y #C6CECB como 100%.

0.0%	0.0% #38564B	RGB 56 86 75	#38564B
16.7%	16.7% #4F6A60	RGB 79 106 96	#4F6A60
33.3%	33.3% #677E75	RGB 103 126 117	#677E75
50.0%	50.0% #7F928B	RGB 127 146 139	#7F928B
66.7%	66.7% #96A6A0	RGB 150 166 160	#96A6A0
83.3%	83.3% #AEBAB5	RGB 174 186 181	#AEBAB5
100.0%	100.0% #C6CECB	RGB 198 206 203	#C6CECB

#38564B #4F6A60 #677E75 #7F928B #96A6A0 #AEBAB5 #C6CECB

#38564B - #C6CECB

Mezcla HSV

#38564B - #C6CECB | 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 #38564B como 0% y #C6CECB como 100%.

0.0%	0.0% #38564B	RGB 56 86 75	#38564B
16.7%	16.7% #4A6A5E	RGB 74 106 94	#4A6A5E
33.3%	33.3% #5F7E72	RGB 95 126 114	#5F7E72
50.0%	50.0% #759287	RGB 117 146 135	#759287
66.7%	66.7% #8EA69D	RGB 142 166 157	#8EA69D
83.3%	83.3% #A9BAB3	RGB 169 186 179	#A9BAB3
100.0%	100.0% #C6CECB	RGB 198 206 203	#C6CECB

#38564B #4A6A5E #5F7E72 #759287 #8EA69D #A9BAB3 #C6CECB

#38564B - #759287 - #C6CECB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38564B 0%, #759287 50%, #C6CECB 100%);
    background: -webkit-linear-gradient(top, #38564B 0%, #759287 50%, #C6CECB 100%);
    background: linear-gradient(to bottom, #38564B 0%, #759287 50%, #C6CECB 100%);
}
</style>