#2D9292 - #C3DFDF | 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 #2D9292 a #C3DFDF

#2D9292 #C3DFDF

Calcule el color entre dos colores, #2D9292 y #C3DFDF. 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)

#2D9292 - #C3DFDF | 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 #2D9292 como 0% y #C3DFDF como 100%.

0.0%	0.0% #2D9292	RGB 45 146 146	#2D9292
16.7%	16.7% #469E9E	RGB 70 158 158	#469E9E
33.3%	33.3% #5FABAB	RGB 95 171 171	#5FABAB
50.0%	50.0% #78B8B8	RGB 120 184 184	#78B8B8
66.7%	66.7% #91C5C5	RGB 145 197 197	#91C5C5
83.3%	83.3% #AAD2D2	RGB 170 210 210	#AAD2D2
100.0%	100.0% #C3DFDF	RGB 195 223 223	#C3DFDF

#2D9292 #469E9E #5FABAB #78B8B8 #91C5C5 #AAD2D2 #C3DFDF

#2D9292 - #C3DFDF

Mezcla HSV

#2D9292 - #C3DFDF | 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 #2D9292 como 0% y #C3DFDF como 100%.

0.0%	0.0% #2D9292	RGB 45 146 146	#2D9292
16.7%	16.7% #3F9E9E	RGB 63 158 158	#3F9E9E
33.3%	33.3% #55ABAB	RGB 85 171 171	#55ABAB
50.0%	50.0% #6DB8B8	RGB 109 184 184	#6DB8B8
66.7%	66.7% #87C5C5	RGB 135 197 197	#87C5C5
83.3%	83.3% #A3D2D2	RGB 163 210 210	#A3D2D2
100.0%	100.0% #C3DFDF	RGB 195 223 223	#C3DFDF

#2D9292 #3F9E9E #55ABAB #6DB8B8 #87C5C5 #A3D2D2 #C3DFDF

#2D9292 - #6DB8B8 - #C3DFDF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9292 0%, #6DB8B8 50%, #C3DFDF 100%);
    background: -webkit-linear-gradient(top, #2D9292 0%, #6DB8B8 50%, #C3DFDF 100%);
    background: linear-gradient(to bottom, #2D9292 0%, #6DB8B8 50%, #C3DFDF 100%);
}
</style>